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 来精确位置
浙公网安备 33010602011771号