text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
可以让在块级父容器中让行内元素居中,作用在块级元素上。
这种方法可以让 inline/inline-block/inline-table/inline/flex 等类型的元素实现居中。
IE 盒模型和W3C盒模型有什么区别?
标准盒模型的width和height只表示content的大小,而ie盒模型包含content、padding和border的大小。
box-sizing: content-box:w3c标准盒模型
box-sizing: border-box:“IE盒模型”
line-height: 2和line-height: 200%有什么区别?
line-height: 2 为本身文字的高度的2倍; line-height: 200%为父元素文字的高度的两倍;两个属性设置给具体的某一个元素时是没有区别的。而line-height在继承上是有区别的:
- 当父元素设置line-height:200%时,其子元素的行高都是一个具体的值,即父元素字体的200%。
- 当父元素设置line-height:2时,其子元素的行高都是本身字体大小的2倍。
参考
inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?(布局时少用这个,多用float)
指元素创建了一个行级的块级元素,该元素内部(内容)被格式化成一个块级元素,同时元素本身则被格式化成一个行内元素。更简单的说就是说inline-block后的元素具有block元素可以设置宽高特性,同时又具有inline元素默认不换行的特性。
去掉缝隙的方法:1.让行元素紧挨着 2.font-size: 0 ,3.设置float
4.父元素设置dispaly:flex,Flex是Flexible Box的缩写,意为"弹性布局"。注意:设为Flex布局以后,子元素的float、clear和vertical-align属性将失效。
可以通过设置 vertical-align: top可以使高度不一样的 inline-block元素如何顶端对齐.
CSS sprite 是什么?
CSS Sprites是一种网页图片应用处理方式,就是把网页中一些背景图片整合到一张图片文件中,在利用CSS的“background-image”,“background-repeat”,“background-position”的组合进行背景定位。
让一个元素"看不见"有几种方式?有什么区别?
- opacity:0
- visibility:hidden
- display:none
- position值为absolute,并将其移到不可见的区域。
使用 CSSsrpite 实现如下效果【效果范例344】. ps: 图片下载地址241
在iconfont上搜索"饥人谷"260, 使用字体图标实现代码1中的效果