css基本语法简单介绍_html/css_WEB-ITnose
程序员文章站
2022-06-08 18:47:43
...
css基本语法简单介绍:
本章节介绍一下css的基本语法,比较适合于初学者阅读,对于稍有经验的人员来说,几乎没有太多帮助,可以略过。
使用css的方式主要以下三种:
本章节介绍一下css的基本语法,比较适合于初学者阅读,对于稍有经验的人员来说,几乎没有太多帮助,可以略过。
使用css的方式主要以下三种:
1.行内样式2.内嵌样式3.外联样式
当然可能不同的教材中的名称有所不同,不过实质都是一样的,不必太过纠结。
下面分别介绍一下上面三种方式的使用。
一.行内样式:
所谓的行内样式就是通过标签的style属性,将css代码写在标签之内,代码如下:
softwhy.com
优点是使用简单,缺点也是非常的明显,违背了表现与内容分离的原则,所以不推荐使用。
二.内嵌样式:
内嵌样式就是讲css代码写到
通常情况下
当css代码较多的时候,推荐使用此方式。
四.常用选择器:
当然常用的选择器有很多中,因为本章节是针对的初学者,所以介绍一下最为基础和常用的选择器。
1.HTML标签选择器2.群组选择器3.包含选择器4.Class选择器5.ID选择器
这里就不一一介绍了,可以参阅相关文章即可。
相关阅读:
1.标签选择器可以参阅CSS的类型选择符(E)一章节。
2.群组选择器选择器可以参阅CSS的选择器分组一章节。
3.包含选择器选择器可以参阅CSS的包含选择符(E F)一章节。
4.class选择器可以参阅CSS的class选择符一章节。
5.id选择器可以参阅CSS的id选择器一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15647
更多内容可以参阅:http://www.softwhy.com/divcss/
推荐阅读
-
简单整理HTML5的基本特性和语法
-
简单的个人介绍网页-开场特效(HTML+CSS)【附代码】
-
html的基本介绍、css的简单介绍、图片间隙问题的解决、边框的简单介绍
-
请问一个简单的问题_html/css_WEB-ITnose
-
简单的单级下拉菜单实现_html/css_WEB-ITnose
-
响应式WEB设计的9项基本原则_html/css_WEB-ITnose
-
很简单的问题,帮忙解决一下,谢谢。_html/css_WEB-ITnose
-
CSS3绘制圆角矩形的简单示例_html/css_WEB-ITnose
-
css中box-sizing简单说明(标准盒式模型和怪异盒式模型)_html/css_WEB-ITnose
-
这个页面的DIV不随滚动条滚动的效果是怎么做到的?谁能帮我解决下?有现成简单的代码更好_html/css_WEB-ITnose