CSS rem(字体大小) 、 outline(轮廓)和display

rem:根元素字体的大小

    浏览器默认字体大小为16px

    em是以父元素字体为基准的

    rem是以根元素字体大小为基准的

轮廓(outline)

轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

    outline 在一个声明中设置所有的轮廓属性。

    • outline-color 设置轮廓的颜色。
    • outline-style 设置轮廓的样式。
    • outline-width 设置轮廓的宽度。
    • outline-offset 设置轮廓到边框的距离。 注:css新增属性,不可以写到符合属性里。

display 属性常用属性值:

display的属性值很多,有些目前支持度不好,有些会放到以后课程或综合实例中讲解,这里介绍几种常用的情况。

  • none 此元素不会被显示。
  • block 此元素将显示为块级元素。特征:换行,可设置宽高尺寸。
  • inline 行内元素,默认。特征:大小自适应;不换行。
  • inline-block 行内块元素。特征:可以设置大小,但是不可以换行。
  • 其他:list-item/table/inline-table/table-cell/table-caption......
点赞

发表评论

电子邮件地址不会被公开。必填项已用 * 标注