CSS 选择器

css 层叠样式表

添加的语法:
    选择器 {
        样式 -> 样式名 : 样式值;
        属性名 : 属性值;
        ....
    } 

添加css的三种样式 

1. 行内样式表
   1. 在元素行的内部为元素添加样式
   2. 优先级最高,但是如果想要我多个元素添加相同样式的时候麻烦,不便于后期维护
2. 内部样式表
   1. 在html的内部为html中的元素添加样式
   2. 在head中添加一对标签style标签,在标签对中添加样式
3. 外部样式表 
   1. 在html的外部为html中的元素添加样式
4. 样式表的优先级: 行内的优先级最高,谁离元素最近谁的优先级最高

选择器

        在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素

选择器

1. 基础选择器
   1. id选择器
      1. # id属性唯一的,不可重复
      2. 根据元素的id属性选择1个元素
   2. 类选择器
      1. . class属性值可以重复的,可以在值列表中添加多个属性值
      2. 根据与元素的class属性值选择1个或者1组元素
   3. 元素选择器
      1. 标签名
      2. 根据元素 标签名选中一个或者一组数据
   4. 通配符
      1. * 
      2. 用来清除浏览器的默认样式
   5. 优先级 : id>类>元素>通配符
2. 组合选择器
   1. 后代选择器
      1. 父级选择器  子级选择器
      2. 选中所有的子元素包括孙子元素
   2. 子元素选择器
      1. 用于选择指定标签的元素的所有第一代子元素，用大于号 分隔
   3. 相邻兄弟选择器
      1. 可选择紧接在另一元素后的元素，且二者有相同的父元素，以加号分隔
   4. 普通兄弟选择器
      1. 选择紧接在另一个元素后的所有元素，而且二者有着相同的付元素 ，以波浪线分隔
   5. 群组选择器

      选择器1,选择器2..{
          样式;
      }

3. 伪类选择器
   1. a:link a标签未访问
   2. a:visited a标签已访问
   3. :hover 当鼠标悬停在元素上时候,作用的样式
   4. :active 当鼠标按下时候显,作用的样式
   5. :first-child 当元素作为父级的第一个子元素时候被选中
   6. :last-child 当元素作为父级的最后一个元素时候被选中
   7. :nth-child(num) 当元素作为父级的第n个子元素的时候选择
4. 微元素选择器 
5. 注意: css中样式存在继承
   1. 字体样式,颜色样式,背景样式等等都会默认继承
   2. 边框,内外边距等样式不会继承

标签:

        行内元素

                宽度有内容撑起

                可以与其他元素同行展示

                不能设置宽高

                可以包含行内,普通文本

                不能设置上下内外边距

        块元素

                独占一行

                可以设置宽高

                可以包含行内,块,文本

                可以设置元素的内外边距

         display :

                none 元素消失

                block 块元素

                inline 行内元素

                inline-block 行内块

                        行内元素与块元素的特点都存在

定位 : position
            配合方向值一起使用  left top right bottom
            relative 相对定位
                相对原位置进行定位

            absolute 绝对定位
                默认相对于窗体进行一次绝对定位,一旦确定在文档中的某个位置不会改变
                子父级定位:
                    父级上设置position: relative;,子元素设置position: absolute;

            fixed 固定定位
                相对于窗体进行固定定位,固定在这个位置无论滚轮如何 滚动不会改变