一些常用样式
2020-06-02 本文已影响0人
ImmortalSummer
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------------|**********