css样式表
什么是css?
·css指的是层叠样式表,也称级联样式表
·css描述了如何在屏幕,纸张或其他媒体上显示HTML元素
·css节省了大量工作,它可以同时控制多张网页布局
·外部样式表存储在css文件中
基本选择器
·元素选择器
元素选择器根据名称选择HTML元素
·id选择器
id选择器根据元素的id属性来选择特定的HTML元素
id选择器优先级大于元素选择器
id名称不能以数字开头
·类选择器
类选择器选择有特定class属性的HTML元素
·通用选择器
选择页面上所有的HTML元素
元素选择器大于通用选择器
·分组选择器
组合选择符
·后代选择器
后代选择(以空格 分隔)
后代选择器优先级大于分组选择器
子元素选择器(以大于号>分隔)
子元素选择必须是容器包裹元素列如div>p,不能是p>div
相邻兄弟选择器(以加号+号分隔)
可选择紧连接在另一元素后的元素,且二者有相同父元素
后续兄弟选择器(以波浪号~分隔)
选取指定元素之后的所有相邻兄弟元素
比相邻兄弟选择器优先级高
属性选择器
·[attribute]选择器
用于选取带有指定属性的元素
不能有空格
定位
·position属性
position:static
静态定位不受top,bottom,left,righ属性的影响,他始终根据页面的正常流进行定位
position:relative(相对定位)
相对于其正常位置进行定位,不会对其余内容进行调整来适应元素留下的任何空间
position:fixed
相对于视口定位,即使滚动页面,也始终位于同一位置,top,right,left,bottom属性用于定位此元素
position:absolute(绝对定位)
相对于最近的定位祖先元素进行定位,如果没有祖先,他将使用文档主题(body),并随页面滚动一起移动。
position:sticky(粘性元素)
根据用户的滚动位置进行定位,根据相对和固定之间切换,起先它会被相对定位,直到视口中遇到给定的偏移位置为止,然后将其“粘贴”在适当的位置
重叠元素
z-index,数值越大,层叠级别越高