text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
-
text-align: center
属性规定元素中的文本水平居中,作用在块级元素上,可以让元素的内容水平居中,不能让元素本身居中.
IE 盒模型和W3C盒模型有什么区别?
- IE的盒模型与W3C盒模型的区别在与宽高的计算,IE盒模型中的宽高是包括了padding的,而W3C盒模型不包括,不管padding加多少内容区域的宽高不会改变.在css3中box-sizing: content-box属性规定使用w3c盒模型,box-sizing: border-box规定使用IE盒模型.
*{ box-sizing: border-box;}的作用是什么?
- 这行代码的作用是制定页面使用IE盒模型.
line-height: 2和line-height: 200%有什么区别?
- 他们的区别体现在继承的时候.
- 父元素设置line-height:1.5会直接继承给子元素,子元素根据自己的font-size再去计算子元素自己的line-height。
- 父元素设置line-height:150%是计算好了line-height值,然后把这个计算值给子元素继承,子元素继承拿到的就是最终的值了。此时子元素设置font-size就对其line-height无影响了。
inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?
- inline-block显示方式让元素不独占一行,可以设置宽高.
- 去除缝隙可以在写代码时两个元素不换行连着写,也可以设置他们的父元素font-size: 0,
- 给其父元素设置vertical-align: top
CSS sprite 是什么?
- css sprite是将不同图片或图标合并在一张图上.然后利用css的background属性定位背景图位置.
- 优点:可以减少网络请求.提高网页加载性能,
- 缺点:精灵图不能缩放,改动很麻烦.
让一个元素"看不见"有几种方式?有什么区别?
- opacity:0;设置透明度为0,占据位置;
- display:none;不占据位置;
- visiblity:hidden;和opacity:0类似;
- background-color:rgba(0,0,0,0)设置背景色透明;