任务九-课程任务

text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中?

  • 作用是使的行内内容相对父级块级元素对齐,使文本居中。
  • 作用在块级元素上
  • 使内部行内元素水平居中。

IE 盒模型和W3C盒模型有什么区别?

  • W3C标准中padding、border所占的空间不在width,height范围内
  • 大家俗称的IE盒模型width包括contend尺寸+padding+border

*{ box-sizing: border-box;}的作用是什么?

  • 在CSS3中使用IE盒模型

line-height: 2和line-height: 200%有什么区别?

  • line-height: 2 使得行高为本身文字高度的两倍
  • line-height: 200% 使得行高为相对父元素文字高度的两倍

inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?

  • 即呈现inline特性,即不占据一整行,宽度由内容宽度决定;又呈现block特性,即可设置宽高,内外边距
  • 其中的缝隙是空白符,如果要去除,可以将多个inline-block得标签写成一行,也可以先将父元素font-size设置为0来去除缝隙
  • 顶端对齐可以设置vertical-align:top;

CSS sprite 是什么?

  • CSS精灵图,使用精灵图只需要引用一张图片,通过位移获取所需要的图片,对内存和带宽更加友好

让一个元素"看不见"有几种方式?有什么区别?

  • opacity:0;透明度为0,整体
  • visibility:hidden;和opacity:0类似
  • display:none;消失,不占用位置
  • background-color:rgba(0,0,0,0)只是背景色透明
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 1. text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中 (1)作用:CSS...
    黄同学2019阅读 2,812评论 0 0
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,582评论 0 8
  • 导语 那一年 ,磕长头匍匐在山路 ,不为觐见 ,只为贴着你的温暖;那一世, 转山转水转佛塔, 不为修来生, 只为途...
    漫游家阅读 1,820评论 0 0
  • 造物主 文/吴旭 有一个造物主 在城中养一堆泥土和石头 造泥石流 东风一来 就播下人肉种 等待来年丰收 长出人群和高楼
    吴你个旭阅读 2,490评论 0 0