声明方式。
(1)内联方式,直接使用style属性来定义。
(2)内嵌方式,直接在head标签中使用style标签。
(3)外部引入,使用link标签引入。
<link href="../test.css" type="text/css" rel="stylesheet"></link>
<!--href:链接的文档来自哪里。
type:规定链接文档的类型。
rel:链接的关系。当前文件与链接文件的关系。-->
以上三种方式,如果样式冲突则就近原则生效。如果不冲突则叠加。
特性
- 层叠性:css样式允许重复声明,相互覆盖。
- 继承性:被包含的元素拥有外层元素的效果(有的样式可以被继承,有的不可以)。
选择器
(1)标签选择器
(2)*通用选择器
(3)类选择器
p.say 表示选中p标签有say这个类的 .a.b选择同时具有a b两个类的元素
(4)id选择器
(5)后代选择器
#box p
(6)伪类选择器。使用的时候要注意爱恨原则(link>visited>hover>active)
链接伪类选择器:
只能用在a标签上。
a:link,a标签使用,并且a标签有href属性且没被访问过 。
a:visited,a标签使用,并且a标签有href属性且被访问过 。
动态伪类选择器:
E:hover,用户鼠标悬停上面时候触发。
E:active,元素被激活时候触发。