当前位置 博文首页 > mxd:(18)CSS杂记之二

    mxd:(18)CSS杂记之二

    作者:[db:作者] 时间:2021-08-28 13:20

    (1)框模型注意点

    ? ? ? ? 背景存在于element+padding+border的空间,因此背景应出现在边框的可见位置;

    ? ? ? ? padding和margin的默认值为0;padding与margin默认不被继承,padding不能为负值但margin可以;

    ? ? ? ? border-style的默认值为none,此时对border-width和border-color的设置均无效,因此要设置border的宽度和颜色,首先需要设置border-style;在没有生命边框颜色的情况下,边框颜色与该元素的文本颜色相同(若该元素没有文本,则框的颜色与父元素文本颜色相同)。

    值复制:

    (2)display

    ? ? ? ? display:block; ?将行内元素转为块级元素

    ? ? ? ? display:inline; ?将块级元素庄伟行内元素

    ? ? ? ? dispaly:none; ?生成的元素没有边框且其内同也不再显示,也不占用文档空间

    (3)定位

    ? ? ? ? 相对定位:position:relative;元素相对于其原位置进行平移,无论元素是否移动,其元素原来占据的文档空间仍然被他占据,平移后的内容可能与其他框相覆盖。

    ? ? ? ? 绝对定位:position:absolute;元素相对于最近的已定位的父元素进行定位。绝对定位的元素框已经冲文档空间中删除,不再占用文档空间,但随着滚动条的滚动而滚动。

    ? ? ? ? 固定定位:position:fixed;元素在浏览器上的位置固定。固定定位的元素框已经冲文档空间中删除,不再占用文档空间,且不随着滚动条的滚动而滚动。

    ? ? ? ? 浮动:float:left/right

    ? ? ? ? ? ? ? ? ? ?clear:left/right/both


    ????????


    cs
    下一篇:没有了