10.16号笔记

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-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- 15px 5px 15px 5px;

   border-color: yellow blue red white

   border-right:5px dotted blue



原文地址:https://www.cnblogs.com/lxx-1571108184/p/7680682.html