1、基本规则
CSS的主要功能就是将某些规则应用于文档中同一类型的元素,而不需要去DOM中逐个加入内联样式。
2、规则结构
h1 {
color: red;
}
h1:选择符
{ color: red; }:声明
color:属性
red:值
3、声明
如果有一个不正确的属性被用于声明中,那么,整条声明将被忽略,因为即使值是正确的,属性也不正确。
如果某个值不正确,多数情况下只有那个值被忽略。
4、类和ID有什么区别?
(1) 首先,类可以分配给任何数量的元素,ID却只能在某个HTML文档中使用一次。
(2) ID对给定元素应用何种样式比类具有更高的优先权。
5、伪类和伪元素
(1)、伪类:
a:link { color: #FF0000; } //未访问的链接
a:visited { color: #00FF00; } //已访问的链接
a:hover { color: #FF00FF; } //鼠标移动到链接上
a:active { color: #0000FF; } //选定的链接
(2)、伪元素
CSS1中有两个伪元素::first-letter 和 :first-line
应用于段落这样的块级元素中,首字母和首行。
之所以 :first-letter 和 :first-line 被当做伪元素引用,是因为它们在效果上使文档中产生了一个临时元素,这就是应用"虚构标记"的一个最典型的实例。
从理论上讲,伪元素 :first-line 是如何工作的?
例如:
p:first-line { color: gray; }
<p>This is a paragraph of text which has only one style applied to it.
that style causes the first line to be gray</p>
浏览器会解析并生成下面的虚拟标记:
<p><p:first-line> This is a paragraph of text which has only </p:first-line>
one style applied to it. that style causes the first line to be gray</p>
展示后,这些虚拟标记会被删除。
6、结构
7、继承
将文档视为一棵树是很重要的,其中一个原因就是:CSS的一个主要特征就是继承,它是依赖于祖先-后代关系的。继承其实是一种机制,它允许样式不仅应用于某个特定的元素,而且应用于其后代。
被继承的值具有特殊性 0。