div+css经典二.pptVIP

文本 一 font-family（字体） ---3-1.html 说明： (1) 当指定了字体类型时，浏览器将调用客户端字体 (2 )当指定了多种字体时，浏览器会安顺序进行搜索，如果没有搜索到，就 使用默认字体。 二 font-size（大小）--3-2.html 3-22.html (1)medium 标准字体大小 (2)small 比父字体小一号的字 (3)x-small 比small小1.2倍的字 (4)xx-small 比x-small小1.2倍的字 (5)large 比父字体大一号的字 (6)x-large 比large大1.2倍的字 (7)xx-large 比x-large大1.2倍的字 文本 (8)整数＋符号单位,符号单位有：象素px，点数pt，英寸in，毫米mm等 (9)整数+%,表示当前字体大小是父字体大小的百分比(相对字体实用技巧) 3-3.html 文本 三 字体颜色 color 3-5.html 语法：{color: 数值} 作用：字体颜色 说明：颜色参数取值范围 ·以RGB值表示 如：#ff0000 ·以默认颜色的英文名称表示 如red 文本 四 font-weight（粗细） 3-6.html 语法：{font-weight:100-900|bold|bolder|lighter|normal} 说明：浏览器默认的字体粗细为400。 (1)bold 表示黑体字(相当于数值700 ) (2)bolder 表示比黑体还要黑的字 (3)lighter 表示比黑体颜色要浅 (4)normal 正常体(相当于数值400) (5)可以指定100-900之间的3位整数,400表示正常 (6) inherit:继承 文本 五 字体风格 (font-style） 3-7.html 语法：{font-style:inherit|italic|normal|oblique} 说明： (1)inherit　继承，表示该属性从父标签中继承而来。 (2)italic 　斜体，表示使用斜体显示文字。 (3)normal　 正常，为默认值。 (4)oblique　偏斜体，表示有点倾斜但不大。 注意:italic 和 oblique 文本在 web 浏览器中看上去完全一样 文本 六 文本修饰(text-decoration) 3-8.html 3-88.html 文本 七 大小写转换(text-transform) 3-9.html capitalize: 首字母大写 uppercase: 大写 lowercase: 小写 none: 正常无变化 inherit: 继承 文本 八 letter-spacing （字符间距） 3-10.html 该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符 框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal就相当 于值为0。 注释：允许使用负值，这会让字母之间挤得更紧。 文本 九 text-align （对齐） 3-11.html 该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符 框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal就相当 于值为0。 注释：允许使用负值，这会让字母之间挤得更紧。 文本 十 垂直对齐方式(vertical-align) 3-12.html 3-122.html 3-1222.html 文本 十一 line-height （行高） 3-13.html 相对比例 css图片效果 4-1—10.html 理解记忆 页面背景 背景属性： background （缩写形式） background-color（背景色 ） background-image（背景图 ） background-repeat（背景图重复方式 ） background-position（位置坐标、偏移量） 页面背景 background-color（背景色 ） a.基本表现 5－1.html b.利用背景颜色给页面分块 5-2.html 页面背景 background-image（背景图） a.基本表现 5－3.html b.背景图片和背景颜色同时使用 5-4.html 页面背景 background-repeat（背景图重复方式 ） a.垂直方向重复 5－5.html b.水平方向重复 5-6.html c.不重复 5-7.html d.同时重复 repeat-xy.html 页面背景 background-positi