css样式表

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，数值越大，层叠级别越高