20220626

1.position定位

position取值：static，relative，absolute，fixed，sticky

relative相对定位：

          如果没有定位偏移量，对元素本身没有任何影响

          不使元素脱离文档流

          不影响其他元素布局

           left，top，right，bottom是相对于当前元素自身进行偏移的。

       absolute绝对定位：

           使元素完全脱离文档流

           使内联元素支持宽高（让内联具备块特性）

           使块元素默认宽根据内容决定（让块具备内联的特性）

           如果有定位祖先元素相对于定位祖先元素发生偏移，没有定位祖先元素相对于整个文档发生偏移。

    （1）

 

 （2）

 

 fixed固定定位

   使元素完全脱离文档流

   使内联元素支持宽高（使内联具备块特性）

   使块元素默认宽根据内容决定（让块具备内联的特性）

   相对于整个浏览器窗口进行偏移，不受浏览器滚动条的影响

   sticky黏性定位

   在指定的位置，进行黏性操作

    z-index定位层级

 

 

     默认层级为0

      嵌套时候的层级问题

 嵌套的外层元素有层级则用外层的比较，外层没有 则用内层的比较

CSS添加省略号

   1.width：必须有一个固定的宽：

 

    2.white-space：nowrap（不让内容折行）

         overflow：hidden（隐藏溢出的内容）

         text-overflow：ellipsis（添加省略号）

 

CSS Sprite

 CSS圆角

   border-radius：给标签添加圆角