HTML+CSS

Posted on 2018-11-21 22:17  JodNiki  阅读(85)  评论(0)    收藏  举报

1、加了定位浮动的盒子居中显示margin:auto 0 失效

     应这么写 position:absolute

                    left:50%

                    margin-left:-35px

     fixed定位:若果父盒子是relative 或  absolute则相对父盒子定位,否则相对浏览器定位。

2、CSS优先级

      

  • ID选择器的特殊性值,加0,1,0,0
  • 类选择器、属性选择器或伪类,加0,0,1,0
  • 元素和伪元素,加0,0,0,1
  • 通配选择器*对特殊性没有贡献,即0,0,0,0
  • 最后比较特殊的一个标志!important(权重),它没有特殊性值,但它的优先级是最高的,为了方便记忆,可以认为它的特殊性值为1,0,0,0,0

3、display :none不占位置

      visibility:hidden  站位置不显示

4、overflow:

      visibilty:溢出的内容显示

      hidden:溢出隐藏

      auto,scroll

5、cursor

     pointer:小手   text:选择   move:鼠标变移动状(十字架状)

6、取消轮廓边框

      input(outline:none)

      一般浏览器input控件的默认边框样式不一致需重置

      文本域禁止拖拽:resize:none

7、vertical-align:baseline  图片和字体的基线对齐

     

8、溢出部分显示省略号

     white-space:nowrap  强制在同一行显示所有文本直到文本结束或遇到br换行

     overflow:hidden  溢出的部分隐藏

     text-overflow:clip(不显示省略标记)

                             ellipse:显示省略标记

9、精灵图的使用用background-position 来精确位置

博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3