第8章级联样式表教案分析.ppt

text-align设定横向文字对齐方式 语法： ? text-align：left | right | center | justity vertical-align设定纵向文字对齐方式 语法： ? vertical-align：super | sub | top | middle | bottom | text-top | text-bottom text-indent设定文字首行缩进 语法： ? text-indent：value ? 使用text-indent属性可以设定页面文字首行缩进。 line-height设定文字行高 语法： ? line-height：value ? 使用line-height属性可以设定页面文字行高。 颜色和背景属性 说明 color 设定页面元素的前景色 background-color 设定页面元素的背景色 background-image 设定页面元素的背景图像 background-repeat 设定一个指定的背景图像被重复的方式 background-attachment 设定背景图像是否跟随页面内容滚动 background- position 设定水平和垂直方向上的位置 background 背景属性的综合设定 color设定颜色 语法： ? color：color-value ? HTML语言使用十六进制的RGB颜色值对颜色进行控制，即颜色可以通过英文名称或者十六进制来表现。如标准的红色，可以用RED作为名称来表现，也可以用#FF0000作为十六进制来表现。能够使用的预设颜色命名总共有140种，常用的有16种：Black、Olive、Teal、Red、Blue、Maroon、Navy、Gray、Lime、Fuchsia、White、Green、Purple、Silver、Yellow和Aqua。 background-color设定背景颜色 语法： ? background-color：color-value background-image设定背景图像 语法： ? background-image：none | url(url) ? none：无背景图。 url(url)：使用绝对或相对地址指定背景图像。不仅可以输入本地图像文件的路径和文件名称，也可以用URL的形式输入其他位置的图像名称。 页面中可以用JPG或者GIF图片作为背景图，这与向网页中插入图片不同，背景图像放在网页的最底层，文字和图片等都位于其上。 background-repeat设定背景图像平铺 语法： ? background-repeat：repeat | repeat-x | repeat-y | no-repeat background-attachment设定背景图像是否跟随页面内容滚动 语法： ? background-attachment：scroll | fixed ? scroll：背景图像跟随页面内容滚动。 fixed：背景图像固定。 background- position设定背景图像位置 语法： ? background- position：[value] | [top| center| bottom] | [left| center| right] ? 背景图像位置属性可以确定背景图像的绝对位置，这是HTML标记不具备的功能。该属性只能用于块级元素和替换元素（包括img，input，textarea，select和object） background设定背景综合属性 语法： ? background：background-color ||background-image ||background-repeat ||background-attachment ||background- position ? 如果使用该复合属性定义其单个参数，则其他参数的默认值将无条件覆盖各自对应的单个属性设置 容器属性 说明 width 设定元素的宽度 height 设定元素的高度 float 允许文字环绕在一个元素的周围 clear 指定在某一个元素的某一边是否允许有环绕的文字或者元素 padding 设定在边框与内容之间插入的空间距离，有4个属性值分别用于设定上下左右的填充距离。 margin 设定一个元素在4个方向与浏览器窗口边界或者上一级元素边界的距离，有4个属性值：top、right、bottom、left，分别控制4个方向 列表属性 说明 list-style-type 设定引导列表项目的符号类型 list-style-image 选择图像作为项目的引导符号 list-style-position 决定列表项目所缩进的程度 list-style 综合设定列表项目属性 li