1. 外部
<link href=”文件名.css” type=”text/css” rel=”stylesheet” />
href: 文件路径
type:所链接的文档类型
rel:html页面与被链接文件的关系
2. 内部
<style type=”text/css”>
……
<style
3. 选择器
通用:
*
类型:
h1,h2,h3 针对于h1、h2、h3三个元素
类:
.note 所有class为note的元素
p.note 所有class为note的p元素
ID:
#introduction 所有id为introduction的元素
子元素:
li>a 所有父元素为li的a元素
后代:
p a 所有位于p元素中的a元素
相邻兄弟:
h1+p h1元素后面的第一个p元素(对其他p元素不起作用)
普通兄弟:
h1~p 与h1元素同级的p元素
4. 特性选择器
简单:[]
p[class] 所有class特性的p元素
精确:[=]
p[class=”dog”] 所有class特性值为dog的p元素
部分:[~=]
p[class~=”dog”] 所有class特性值含有dog(此时的特性值为以空格隔开的单词列表)的p元素
开头:[^=]
p[attr^=”d”] 某个特性的值以d开头的所有元素
包含:[*=]
p[attr*=”do”] 某个特性的值含有do的所有元素
结尾:[$=]
p[attr¥=”d”] 某个特性的值以g结尾的所有元素
5. 规则
就近原则:
后出现的优先级高
具体性原则:
适用范围更小的优先级高
重要性原则:
后面加 !important
6. 继承
大多数元素都可以被继承(范围大到范围小),但background-color和border属性则不行。
可以将属性值设置为inherit来强制继承。