# 未必知道的css

返回:UI

# input

并不是给元素设置display:block就会自动填充父元素宽度。input 就是个例外,其默认宽度取决于size特性的值

# 绝对定位和固定定位时,同时设置 left 和 right 等同于隐式地设置宽度

# 相邻兄弟选择器之常用场景

16c3d4f9f7e99a80_tplv-t2oaga2asx-watermark.gif

# 隐藏文字内容的两种办法

16c3d50308c15117_tplv-t2oaga2asx-watermark.gif

# background-position百分比的正确理解方式:图片自身的百分比位置与容器同样的百分比位置重合

16c3d5051a3e4f1a_tplv-t2oaga2asx-watermark.gif

# 当固定背景不随元素滚动时,背景定位是相对于视口的

16c3d509e173f40b_tplv-t2oaga2asx-watermark.gif

# background-repeat新属性值:round和space。前者表示凑个整,后者表示留点缝

16c3d505c290f434_tplv-t2oaga2asx-watermark.gif

# background-attachment指定背景如何附着在容器上,注意其属性值local和fixed的使用

16c3d50761cdf47c_tplv-t2oaga2asx-watermark.gif

# 可以使用outline来描边,不占地方,它甚至可以在里面

16c3d5092af1be9f_tplv-t2oaga2asx-watermark.gif

# 浏览器默认显示tab为8个空格,tab-size可以指定空格长度

16c3d50ac1d21e4b_tplv-t2oaga2asx-watermark.gif

# 使用渐变,一个div实现进度条

16c3d51329e83a68_tplv-t2oaga2asx-watermark.gif

# 可以在打印网页时,设置page相关属性。比如page-break-before属性来表示是否需要另起新页

16c3d514c5cc6473_tplv-t2oaga2asx-watermark.gif

# 利用CSS精灵实现逐帧动画

16c3d515ef18723a_tplv-t2oaga2asx-watermark.gif

# 普通元素也可以像textarea那样resize

16c3d516e61e2885_tplv-t2oaga2asx-watermark.gif

# 使用before伪元素实现面包屑

16c3d517babad7d8_tplv-t2oaga2asx-watermark.gif

# 水波效果原理

16c3d51c0ada68da_tplv-t2oaga2asx-watermark.gif

# 负边距的效果。注意左右负边距表现并不一致。左为负时,是左移,右为负时,是左拉。上下与左右类似

16c3f20e0bfc9f24_tplv-t2oaga2asx-watermark.gif

# 不要自以为是了。你以为自己是方的,在别人眼里你却是圆的

16c3d4d63509b4f0_tplv-t2oaga2asx-watermark.gif