CSS & 框模型
1.页面元素边框的属性
| 属性 | 说明 |
| boder | 设置边框样式的复合属性 |
| border-color | 设置边框的颜色值 |
| border-style | 设置边框的样式，包括none（无边框）,dotted（点划线）,dashed（虚线）,solid（实线）,double（双线）,groove（槽状）,ridge（脊状）,inset（凹陷）,outset（凸出） |
| border-width | 设置边框宽度 |
| border-top, border-right, border-bottom, border-left | 分别设置上、右、下和左边框的复合属性 |
| border-top-color, border-right-color, border-bottom-color, border-left-color | 分别设置上、右、下和左边框的颜色 |
| border-top-style, border-right-style, border-bottom-style, border-left-style | 分别设置上、右、下和左边框的样式 |
| border-top-width, border-right-width, border-bottom-width, border-left-width | 分别设置上、右、下和左边框的宽度 |
2.元素定位属性
| 属性 | 说明 |
| position | 定义元素在页面中的定位方式，有absolute,relative,static,fixed，默认为static |
| left | 指定元素与最近一个具有定位设置的父对象左边的距离 |
| right | 指定元素与最近一个具有定位设置的父对象右边的距离 |
| top | 指定元素与最近一个具有定位设置的父对象上边的距离 |
| bottom | 指定元素与最近一个具有定位设置的父对象下边的距离 |
| z-index | 设置元素的层叠顺序，仅在position属性为relative或者absolute时有效 |
| width | 设置元素框宽度 |
| height | 设置元素框高度 |
| overflow | 内容溢出控制 |
| clip | 剪切 |
3.布局属性
| 属性 | 说明 |
| clear | 指定元素中不允许有浮动对象的边，取值：none（默认）,left,right和both |
| float | 指定元素是否以及如何浮动，取值有none,left和right |
| clip | 指定元素的可视区域，区域外的部分将隐藏 |
| overflow | 指定在元素的内容超过指定宽度和高度时的处理方式，默认为visible |
| overflow-x | 指定元素处理内容超过宽度时的方式 |
| overflow-y | 指定元素处理内容超过高度时的方式 |
| display | 指定元素是否以及如何显示，默认为inline（元素将以内联方式显示） |
| visibility | 指定是否显示元素 |
（1）使用 float 属性实现图文混排效果
1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 2 <html> 3 <head> 4 <title>aa.html</title> 5 <style type="text/css"> 6 #content{ 7 float:none; 8 text-align:left; 9 font-size:22px; 10 } 11 #content img{ 12 float:left; 13 padding:5px; 14 border:2px solid #D6D6D6 15 } 16 </style> 17 </head> 18 <body> 19 <div id="content"> 20 <img src="wedding.jpg" width="150"/> 21 <p> 用5年左右的时间，使我国食品安全监管体制机制、食品安全法律法规和 22 标准体系、检验检测和风险监测等技术支撑体系更加科学完善，生产经营者的食品安全管理 23 水平和诚信意识普遍增强，社会各方广泛参与的食品安全工作格局基本形成，食品安全总体水平 24 得到较大幅度提高《决定》首次明确将食品安全纳入地方政府年度绩效考核内容，并将考核结果作为地 25 方领导班子和领导干部综合考核评价的重要内容。《决定》规定对于发生重大食品安全事故的地方，在文明 26 城市、卫生城市等评优创建活动中实行一票否决《决定》从进一步完善食品安全工作体制机制出发，突出强 27 调了要健全基层食品安全管理的工作体系，第一次明确要求乡(镇)政府和街道办事处要将食品安全工作列为 28 重要职责内容，主要负责人要切实负起责任，并明确专门人员具体负责，做好食品安全隐患排查、信息报告 29 、协助执法和宣传教育等工作。 30 </p> 31 </div> 32 </body> 33 </html>
显示效果如下：
