7.27笔记选择器

样式写法;键：值；
css的引入方式：1.行内样式、内联样式 通过style样式来引入，在标记内增加style属性，在值中写样式。缺点：只能修改所在标记，不能批量修饰。
2.页内样式 使用style标记一般写在head里，优点可以使用*{}批量选择符
3.引入外部样式表：使用link标记，引入外部样式表文件，可以修饰多个页面，只需要引入样式表即可，无缺点。
基础选择器：
1.#{} ID选择器：根据元素的id来选择
2.{}选择器：全选，选中所以元素
3…{}类选择器：根据元素的class名称来进行选择，使用频率最高
4.标记选择器：使用元素标记来选择，选择同类型的标记
高级选择器;
1.子代选择器：a>b，选中a选择器所选中的元素子代（满足b选择器）
2.后代选择器：a b,选中a选择器所选中的元素子代（满足b选择器）
3.并集选择器：a，b选中a和b选择器选中的元素的和
4.交集选择器：ab 取a选择器和b选择器选中的元素的交集，
5.兄弟选择器：a+b a-b选中紧邻弟 a~b选中所以弟，使用频率较低。
borther-collapse:取消边框重叠
伪类选择器：不是自定义的类名称，有特殊含义的
1.frist-child：选中所以作为其父元素的第一个子元素
2.last-child：选中所以作为其父元素的最后一个子元素
3.nth-child（n）选中所有作为其父元素的指定的第几个子元素
4.选择器：hover：适用所有元素，定义鼠标划过的样式，选择器可以是任意元素
5.a：active：仅适用于超链接，按下即激活
6.a：link：仅适用于超链接，默认时的样式
7.a: visited：仅适用于超链接，点开则访问过后。
爱恨法则：love hate
伪元素选择器
1.::before:通过content指定元素内容，作为子元素添加在某一个元素的前面2.::after:通过content指定元素内容，作为子元素添加在某一个元素的后面常用样式：
1.width
2.height
3.background-color：背景色
4.font-size：用于指定字体大小，单位px
5.color：前景色，文字颜色
6.font-wight：字重，普通显示normal，加粗使用bold
7.font-style：italic字体斜体
8.text-decoration：underline，下划线修饰
9.text-algin：center、left、right文本对齐方式
10.border：1px solid#ccc;线宽、线型、线色
11.border-collapse：collapse 给表格设置取消边框重叠
12.border-radius：边框圆角。单位px或者百分比
13.vertical-align：top、bottom ，left，right 内联元素垂直方式对齐如果你在 border-radius 属性中只指定一个值，那么将生成 4 个 圆角。但是，如果你要在四个角上一一指定，可以使用以下规则：四个值: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。三个值: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角两个值: 第一个值为左上角与右下角，第二个值为右上角与左下角一个值： 四个圆角值相同
优先级顺序
下列是一份优先级逐级增加的选择器列表
：通用选择器（）
元素(类型)选择器
类选择器
属性选择器
伪类
ID 选择器
内联样式