css性质（1）

1、CSS设置标签模式display属性

行内标签：<strong> <b > <em> <i> <del> <s> <u> <a> <span>

块标签：<div> <li> <p> <ul> <ol> <dl>

（1）display可以控制标签的显示模式

display：none | inline 行内块 | block块级 | inline-block

div { display: inline;} 块级标签变成行内模式

strong { display: block;} 行内块标签变成行块级模式

2、display设置none

strong { display：none；}     /*把strong标签隐藏，整个标签在页面中移除*/

对比：

visibility：hidden ；   这个只是不显示，还占用空间

display：none； 直接从页面中移除，不占用空间，不影响页面布局

3、display行内块及块级行内的区别

display：inline-block 按行内标签进行排版，但是可以设置宽高

                     宽高      边距       独占行

行内元素：   ×      左右           不独占

块级元素：   √    上下左右      独占

行内块元素：√   左右             不独占

行内元素不能设置宽高，只能通过他的内容来撑开他的宽高，如果设置了宽高是不会影响行内元素的显示的。

4、css的颜色表示

（1）RGB颜色表示法

color：rgb（3,99,178）；

（2）十六进制颜色值

color：#03999B2

5、css长度单位表示

（1）绝对长度单位 cm厘米  mm毫米  in英寸

（2）相对长度单位 px像素 em 1em等于当前的字体大小

1in=2.54cm=25.4mm==96px