text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
- text-align 属性规定元素中的文本的水平对齐方式,center 表示水平居中
- 作用于 块容器上
- 能让文本水平居中
IE 盒模型和W3C盒模型有什么区别?
- IE盒模型的宽和高包括content,padding和border
- W3C盒模型只有content
*{ box-sizing: border-box;}的作用是什么?
- 设置全局使用IE盒模型
line-height: 2和line-height: 200%有什么区别?
- line-height: 2 表示设置行高为本身字体的2倍
- line-height: 200% 表示设置行高为父类的2倍
inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?
inline-block: 既呈现 inline 特性(不占据一整行,宽度由内容宽度决定),又呈现 block 特性 (可设置宽高,内外边距)
两段元素中间不留空隙成为一行,或者设置父类的字体大小为0,再把本身字体设置回原来大小
设置元素的垂直对齐方式vertical-align;
CSS sprite 是什么?
- 将多张图片合成为一张图片,然后通过css定位来展示某图片,用来来减少网络请求
让一个元素"看不见"有几种方式?有什么区别?
- opacity: 0 ; 透明度为0,但是还是占用位置
- visibility: hidden ; 和opacity:0 类似
- display:none; 消失,不占用位置
- background-color: rgba(0,0,0,0.2) 只是背景色透明,还是占用原来的位置