常州网页制作培训,CSS样式表基础知识教程-东方博宜.pptVIP

6.边界 margin-top: 上边界 margin-right:右边界 margin-bottom:下边界 margin-left:左边界 margin: Value：长度 | 百分比 | auto 7.补白 padding-top: 上补白 padding-right: 右补白 padding-bottom: 下补白 padding-left: 左补白 padding: 补白 Value：长度 | 百分比 8.边框宽度 border-top-width: 上边框宽度 border-right-width: 右边框宽度 border-bottom-width: 下边框宽度 border-left-width: 左边框宽度 border-width: 边框宽度 Value：thin | medium | thick | 长度 9.边框风格（样式） border-style: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset?]{1,4} 边框样式属性用于设置一个元素 边框的样式。这个属性必须用于指定可见的边框。 可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。 10.边框颜色 border-color:颜色{1,4} 边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了，它们分别应用于上、右、下和左边框的式样。如果给出一个值，它将被运用到各边上。如果两个或三个值给出了，省略了的值与对边相等。 11.边框 border-top: 上边框 border-right: 右边框 border-bottom: 下边框 border-left: 左边框 border: 边框 Value：边框宽度||边框式样||颜色 3.3.4 块属性 在格式化页面对象时，CSS将所有对象都放置在一个容器里面，这个容器称为区块。 包括的属性： width || height || float || clear || padding || margin 1.宽度 width: 长度 | 百分比 | auto 默认值为auto 每个块级或替换元素都可以用一个长度或auto值来指定其宽度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 宽度属性的初始值为auto，即为该元素的原有宽度(有就是元素自己的宽度，例如一个图象的宽度)。百分比参考上级元素的宽度。不允许使用负的长度值。 这个属性能用作给出一些INPUT元素的公共长度，好象SUBMIT和RESET按钮: 2.高度 height: 长度 | auto 每个块级或替换元素都可以用一个长度或auto值来指定其高度。(替换元素仅指一些已知原有尺寸的元素。HTML替换元素包括 IMG, INPUT, TEXTAREA, SELECT, 和 OBJECT.) 高度属性的初始值为auto，即为该元素的原有高度(有就是元素自己的高度，例如一个图象的高度)。不允许使用负的长度值。 3.漂浮 float: left | right | none 默认值是none 漂浮属性允许网页制作者将文本环绕在一个元素的周围. 这同HTML?3.2中IMG元素的ALIGN=left和ALIGN=right一样，但CSS1允许所有对象漂浮，而不像HTML?3.2那样仅仅允许图象和表格。 样式表的优点 1、表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中，HTML文件中只存放文本信息。这样的页面对搜索引擎更加友好。 2、提高页面浏览速度 对于同一个页面视觉效果，采用CSS布局的页面容量要比TABLE编码的页面文件容量小得多，前者一般只有后者的1/2大小。浏览器就不用去编译大量冗长的标签。 3、易于维护和改版 你只要简单的修改几个CSS文件就可以重新设计整个网站的页面。 4、使用CSS布局更符合现在的W3C标准。 四、CSS优点 HTML 标签原本被设计为用于定义文档内容。通过使用 h1、p、table 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。 　　由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（