css美化样式及选择器的使用

十二月八日
一.css
css 美化页面 设计布局
每条声明用分号分割
style行内页面样式
语法 h1          color：  red；}声明
        选择器     属性       值}
二.基本选择器
2.1.元素选择器
根据元素名称来选择html元素
2.2 id选择器
id选择器大于优先级大于元素选择器
根据元素id属性来选择特定html 用于选择一个唯一的元素！

2.3.类选择器
特定class选择器 后面加.
类选择器大于元素选择器

2.4. 通用选择器
*选择页面上所有的html元素
元素选择器优先级大于通用选择器
通用选择器 最低级的选择器

2.5 分组选择器
具有相同样式定义的html

三.
1.组合选择符
1.1 后代选择器（以空格 分隔) 用于选取某元素后代元素 父子关系 优先级大于分组选择器

1.2 子元素选择器（以大于号>分隔)子元素选择器只能选择作为某元素直接/一级元素的元素 p里面不能包裹div
1.3 相邻兄弟选择器（以加号+分隔）可选择紧接在另一个元素后的元素，且二者有相同父元素div+p
1.4 后续（普通）兄弟选择器（以波浪号~分隔）多个样式 拿到后面相邻p的元素
 后续兄弟选择器包含兄弟选择器  后续兄弟优先级大于相邻选择器

四。
1.属性选择器
1.1attribute选择器 选择取带有指定属性的元素

1.2 attribute="value"选择器  选取带有指定属性和值的元素

1.3 设置表单样式 

 
属性选择器不变
position：
static 默认
relative 相对定位 相对于正常位置进行定位
fixed 固定定位 即使滚动页面 也始终在同一位置
absolute 绝对定位 最近的祖先元素定位 无祖先跟body 随页面滚动
sticky  相对与固定切换 粘性 根据用户滚动位置进行定位。

1.重叠元素
在对元素进行定位时，他们可以与其他元素重叠
z-index属性指定元素的堆栈顺序（哪个元素放置在其他元素前面或者后面）
元素可以设置正或负的堆叠顺序。