CSS常见样式2

作者: mianmiani | 来源:发表于2017-03-03 21:32 被阅读0次

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

    让元素内文本水平居中,作用在行内元素或者行内块元素上。

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

    IE的盒模型的尺寸的时候包括margin、padding、border和内容区,而W3C盒模型只包括内容区。

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

    盒模型将使用IE盒模型。

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

    他两的区别主要是继承之后:
    line-height:2是指给元素本身两倍行高;line-height:200%是指给父元素本身行高的两倍行高。

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

    既呈现inline的特性,不占据一整行,宽度由内容宽度决定,又呈现block的特性,可设置宽高,内外边距。
    缝隙是由标签之间的空格或者回车造成的,去除空格或者回车即可去除缝隙;或者将font-size设置为0,再在需要显示文本的地方设置字体。
    顶端对其的方法是添加vertical-align:top;

    CSS sprite 是什么?

    CSS精灵图,把多个图标拼接到一张图片上,再用背景图片的方式呈现;用background-position:X Y;来设置显示哪张图片。

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

    有opacity: 0;设置元素透明度为0,但还占据位置。
    visibility: hidden; 和opacity类似。
    display: none;让元素消失,不占据位置。
    background-color: rgba(0,0,0,0.1);设置背景色透明度。
    绝对定位之后left:9999px;

    相关文章

      网友评论

        本文标题:CSS常见样式2

        本文链接:https://www.haomeiwen.com/subject/uygrgttx.html