一些常用样式

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------------|**********

上一篇下一篇

猜你喜欢

热点阅读