css边框属性border，css布局设置，浮动属性，css转换display

7 边框属性

所有的thml标签都是有边框的  不过默认是看不见

Border是边框

例如  border：1px solid red ，对应的属性是边框 粗是1像素 实线 红色边框

线条的样式：solid 实线 mone无边 double 双线

Width 宽度 width：300px  宽度300像素

Height 高度 height：300px 设置框体的高度是300像素

Background-color

用于设置标签的背景颜色。背景颜色的填充

背景颜色设置的两种主流方式：a英文单词 例如：red。Blue yellow

  B 颜色代码  格式 ：#红绿蓝 每一个颜色用两个16进制位数表示

  例如：#ff1100 红色就是ff 绿色就是11 蓝色就是00  表示的是红色的颜色最重，绿色是其次，没有蓝色

8 布局

Float 是浮动属性 。通常默认的排版方式，将页面中的元素一一罗列，而在实际开发中，需要左右方式进行排版，就需要使用浮动属性。

格式：选择器{float：属性值（none|left|right）}

常用属性值：none：元素不浮动（默认值） left：元素向左浮动 right：元素向右浮动

注意：因为元素设置浮动属性之后，会脱离原有的文档流，（会脱离原有的板式，就好比漂浮在原有板式之上）。从而会影响其他元素的样式，所以设置浮动以后，页面样式需要重新调整。

9 转换display

Html提供了丰富的标签，这些标签被定义成了不同的类型。一般分为：块级元素和行内元素。

块元素：以区域块的方式出现，每个块标签独占一整行或多行.块结束会自动换行

行内元素：根据内容多少来占用行内空间，不会自动换行

Display 属性可以使得元素在行内元素和块元素之间相互转换

格式：

选择器{display：属性值}

常用的属性值：

block：此元素将显示为块元素（块元素的默认的display属性值）

Inline： 此元素将显示为行内元素（行内元素的默认的display属性值）

None：此元素将被隐藏，不显示，也不占用页面空间。