美文网首页
一些常用样式

一些常用样式

作者: ImmortalSummer | 来源:发表于2020-06-02 10:50 被阅读0次

    1.文字居中

    p标签文字水平居中设置 text-align: center
    p标签文字垂直居中设置line-height: p的高度

    2.子控件居中

    子控件在父控件中水平居中margin:auto
    子控件在父控件中垂直居中, 可以设置父控件的display: flex; align-items: center;

    3.文字粗细

    // 正常
    font-weight: normal;
    // 加粗
    font-weight: bold;
    // 指定值
    font-weight: 200;
    

    4.盒子

    正常情况下: margin--border--padding--width--padding--border--margin
    设置box-sizing: border-box; 以后盒子模型
    (设置的width是包括了border和padding的宽度的)
    margin--border--padding----padding--border--margin
    **********|------------width------------|**********

    相关文章

      网友评论

          本文标题:一些常用样式

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