10.16号笔记

Posted 2020-10-11

10.16号笔记

块属性元素设置宽高有用；行属性元素则恰恰相反。

1.行属性元素转化为块属性元素：display：block；

   块属性元素转化为行属性元素：display：inline；

2.行内块元素：inline-block

3.文本居中：text-align：center

4.行高:line-height：——

5.块属性元素居中：margin：0 auto；

6.元素的实际宽高：

        高：height属性+上下填充高度+上下边框高度

        宽：width属性+左右填充宽度+左右边框宽度

7.去除列表样式（ul；ol）：list-style：none

8.border属性

border-color

border-width

（width属性值：thin 、medium（默认值） 和 thick。）

eg：border-width:thin;medium;thick

border-style

（style属性值：solid实线；dotted虚线；dashed斑马线；none无）

eg：border-style：solid;dotted;dashed;none

9.border方向

border-top

border-right

border-bottom

border-left

10.定义border单边样式

border-top-style

border-right-style

border-bottom-style

border-left-style

eg:border-style: solid solid solid none;

   border-width: 15px 5px 15px 5px;

   border-color: yellow blue red white

   border-right:5px dotted blue