CSS常见样式2

1.text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
text-align:center,作用于行内元素,能让文本和图片使其水平居中对齐

2.IE 盒模型和W3C盒模型有什么区别?
W3C标准中padding、border所占的空间不在width、height范围内,
IE的盒模型width包括content尺寸+padding+border

3.{ box-sizing: border-box;}的作用是什么?.
box-sizing: content-box:w3c标准盒模型
box-sizing: border-box:“IE盒模型”此时增加他的内边距和边框不必计算他的内边距和外边距组成距离

4.line-height: 2和line-height: 200%有什么区别?
line-height: 2:设置数字,此数字会与当前的字体尺寸乘2来设置行间距;
line-height: 200%:基于当前字体尺寸的百分比行间距。

5.inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?
inline-block使行内元素或者是块元素能够在一行显示,能够设置宽高;
在父元素设置:font-size:0;或者是两个行内元素的结束符号和开始符号在一行显示;
在父元素设置vercatial-align:top/middle;可以使元素顶端对齐;

6.CSS sprite 是什么?
鸡蛋蛋来说就是可以让各种小图标显示在一张图片上,通过posstion定位各种图标所在的部位来显示适当的图标,通过这种方法可以减少对服务器不必要的请求,缓解服务器的压力;

7.让一个元素"看不见"有几种方式?有什么区别?
opacity: 0 ; 透明度为0,整体;占用位置
visibility: hidden ; 和opacity:0 占用位置
display:none; 消失,不占用位置
background-color: rgba(0,0,0,0.2) 只是背景色透明;但是占用位置;

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,865评论 1 92
  • text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 1、当作用于块级元素时,...
    我要认真学前端阅读 668评论 0 1
  • text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 text-align C...
    Sketch阅读 368评论 0 0
  • 1.text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中? text-alig...
    草鞋弟阅读 303评论 0 0
  • 经过让安乔童用思维导图,来自己安排一天的时间。 实行一周,发现在时间管理上还是没控制好,老是在某一环节上拖延,导致...
    Loura明珠阅读 481评论 0 0