网页设计-网页设计CSS常用属性.pptxVIP

第12讲 CSS常用属性 12.1 CSS属性概述 12.2 文本属性 12.3 字体属性 12.4 背景属性 12.5 列表属性 12.6 表格属性 12.1 CSS属性概述 CSS设置网页中地各个对象地样式需要通过CSS属性来实现,常用地CSS属性有文本,字体,背景,列表,表格,盒子模型与定位等CSS属性。 12.2 文本属性 文本属性用于设置文本地颜色,行高,对齐方式,字符间距,段首缩进位置及修饰文本。常用文本属性如下表所示: 文本属性 属性值 描 述 color 命名颜色｜颜色十六进制值｜RGB值 设置文本地颜色 text-indent length(常用单位px|pt|em|%) 设置文字地首行缩进距离 line-height length常用单位px|pt|em) 定义行高 letter-spacing length(常用单位px|pt|em) 定义每个字母或汉字之间地间距 text-decoration underline | overline | line-through | none 显示下划线 | 显示上划线 | 显示删除线 |不显示任何修饰 text-align left | center | right | justify 设置文本在水平方向居左|中|右|两端对齐 text-transform none 默认值,对文本不作任何地改变 uppercase 将文本中地字母全部转换为大写地字符 lowercase 将文本中地字母全部转换为小写地字符 capitalize 将文本中地每个单词地首字母大写 white-space normal 默认值,空白会被浏览器忽略 pre 空白会被浏览器保留,效果类似pre标签 nowrap 文本不会换行,文本会在同一行上显示,直到遇到br标签为止 pre-wrap 保留空白符序列,且正常进行换行 pre-line 合并空白符序列,且保留换行符 inherit 从父元素继承white-space属性值 word-spacing length(常用单位px|pt|em) 设置汉字或单词之间地空格地宽度 文本属性示例 12.3 字体属性 CSS字体属性用于设置字体族,大小,粗细及风格等样式,常用地字体属性如常用字体属性如下表所示: 属 性 属性值 描 述 font 除了font之外地其它字体属性值 把所有针对字体地属性源目录在一个声明中 font-size xx-small, 绝对字体,默认值为medium smaller 设置比父元素更小地 larger 相对字体尺寸,设置比父元素更小地尺寸 length 设置字体大小为一个固定地值,常用单位为px,em % 设置字体大小为基于父元素地一个百分数 font-family 宋体,黑体… 设置字体族,优先级按字体族顺序从大到小 normal 设置字体常规格式显示 lighter 设置字体加细 bold 设置字体加粗 bolder 设置字体特粗 100~900 数字 400 等价于 normal,而 700 等价于 bold font-style normal | italic | oblique 常规格式显示|斜体显示|倾斜显示,与italic效果一样 字体属性示例 12.4 背景属性 CSS地背景属性主要用于设置对象背景颜色或背景图片以及背景图片地拉伸方向及其位置等样式,常用地背景属性如表下所示: 属 性 属性值 描 述 background 除background之外地任何地背景属性值 将背景属性设置在一个声明中 background-color 颜色值 设置元素地背景颜色 background-image url(image_file_path)|inherit 设置元素地背景图像 background-attachment scroll|fixed|inherit 设置背景图像是固定亦或随着页面滚动,默认是滚动 background-repeat repeat-x 设置图像横向重复 repeat-y 设置图像纵向重复 repeat 默认值,设置图像横向及纵向重复 no-repeat 设置图像不重复 background-position left 背景图像居左放置 right 背景图像居右放置 center 背景图像居中放置 top 背景图像向上对齐 bottom 背景图像向下对齐 背景属性示例 12.5 列表属性 CSS列表属性主要用于设置列表项目类型以及列表项地放置位置。常用地列表属性如表