css相关问题02

  1. text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
    text-align: center,居中,作用在文字或者图片,想让图片居中需要写在父元素上

  2. IE 盒模型和W3C盒模型有什么区别?
    IE 盒模型包括内边距和边框宽度,设置内边距都会在已设置的宽度和高度内绘制
    W3C盒模型不包括,只包括内容的高度和宽度

  3. *{ box-sizing: border-box;}的作用是什么?
    设置盒子模型为IE 盒模型,即盒子模型包括内边距和边框

  4. line-height: 2和line-height: 200%有什么区别?
    line-height: 2,子元素继承时,会根据子元素字号计算行高
    line-height: 200%,父元素先计算出行高,再继承给父元素

  5. inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?
    inline-block,对象呈现为inline对象,对象的内容作为block对象呈现
    去除缝隙,换行显示或空格分隔的情况下会有间距,可以采用调整html结构,结束标签换行;margin负数;父元素设置font-size:0
    vertical-align,元素的垂直对齐方式

  6. CSS sprite 是什么?
    整合多个图片为一张,通过background-position控制显示图片位置,显示图片的部分内容,background-position中使用百分比,是相对于图片大小的百分比

  7. 让一个元素"看不见"有几种方式?有什么区别?
    display:none;不占空间,无法触发点击事件
    visibility: hidden;占据空间,无法触发点击事件
    opacity: 0;占据空间,可以触发点击事件

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,683评论 1 92
  • text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 1、当作用于块级元素时,...
    我要认真学前端阅读 3,828评论 0 1
  • CSS格式化排版 1、字体 我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例...
    张文靖同学阅读 5,071评论 0 3
  • display: none; 与 visibility: hidden; 的区别 联系:它们都能让元素不可见 区别...
    纹小艾阅读 5,731评论 0 1
  • 爱情最美的不一定非要是结局,旅途中一起走过,也不枉此生。
    trouble丶阅读 760评论 0 0