css 选择器

内联样式表 外部样式表

写在body里的叫做内联样式表
写在head里的叫内部样式表

通过css选择器

用外部css 在内部用link标签
<link rel="stylesheet" type="text/css" href="css/文件名.css">
利用浏览器的缓存 加快用户的访问 提高用户的体验

选择器 声明块儿
声明块儿跟在选择器后面 一个声明块儿有多个键值对 用;分号结束

span 水平自动换行 单独为这一段设置样式用的
块儿包含内元素 a超链接可以包括任意元素
p标签不能包含其他的块儿
块儿元素独占一行的
内联元素一行写满自动换行

选择器分组

元素选择器 标签名 h1 p span
id 唯一标识 class可以重复相同的 相同的class为一组
选择器分组 并集选择器 (相同的样式 名字不同)

通配符选择器 用来选中页面上的所有元素

符合选择器 <span class='p3'> span.p3
一般用于class 满足span 有用class

后代选择器元素

比较用的多 当标签下的所有子元素 只有第一层的好用 在往下的就不好使了

伪类选择器

a:hover 鼠标移入时的状态
伪元素:特殊的位置 bofore开始 after结束
属性选择器 title 在光标移动时给的提示
子元素 even 偶数 add 奇数
last-child first-child