发布网友
共1个回答
热心网友
CSS本质上是一种对象语言。
拿你讲到的标签举例: a{color:#000}。
1、{}前面的是对象的选择器,在上例中,你的选择器选择了所在的html中的所有的a标签;
2、{}中间的是对象的属性名、属性值,每个属性名和它对应的属性值用“:”合成一组,每两组属性中间用“;”隔开;
3、目前css的基本选择器,只支持四种格式,一种是标签名(不需要符号,直接写)、一种是class名(在class的名字前加“.”)、一种是id名(在id的名字前加“#”)、一种是状态(伪类,在选择器后面加“:”及其他特殊字符)
4、还有css的扩展选择器,这个就比较高阶了,慢慢你都会遇到。
下面是例子,希望对你的理解有帮助。
例一:
a{color:#f00;}
上面这句代码意味着,页面上所有的<a>标签对象,都指定了一个对象的属性color,这个属性color的值为“#f00”。
例二:
如果有这么一段html代码片段
【
<a href="sfd.html">A标签</a>
<a class="test" href="sdf.html">另外一个A标签,它有一个值为test的class属性</a>
<p class="test">这个是P标签,它有一个值为test的class属性</p>
】
我想让普通的A标签的颜色为#f00,想让class为test的所有标签的颜色为#00f,想让class为test的A标签的颜色为#0f0,这时你就要这么写
【
a{color:#f00;}
.test{color:#00f;}
a.test{color:#0f0;}
】