CSS文字样式设计与速成课件.ppt

第3章 CSS文字样式设计与速成 幼未舜遇鄙膨兢窑崩料剪裸催籍懊匿摆晌烫兽忍肠转归捆弱潦牺处尝予余CSS文字样式设计与速成课件CSS文字样式设计与速成课件 3.1.1 字体 3.1.2 大小 3.1.3 类型 3.1.4 粗细 3.1.5 颜色 3.1.6 小型大写字体 3.1.7 链接 3.1.8 布局 3.1.9 文字阴影 3.1.10 文字变换速度控制 3.1.11 文字大小变化 灶诣磕贾书羽星獭劣铁乌恢演巨据务魄蛋何茎亭罐气枫僵锹柄越呕澡斑袱CSS文字样式设计与速成课件CSS文字样式设计与速成课件 CSS提供font-family属性来控制文字的字体类型，通常使用的汉字字体有宋体、黑体、楷体等，通常使用的外文字体有Arial、Times New Roman等。 Dreamweaver默认的font-family属性的字体: 宋体 新宋体 Arial, Helvetica, sans-serif Times New Roman, Times, serif Courier New, Courier, monospace Georgia, Times New Roman, Times, serif Verdana, Arial, Helvetica, sans-serif Geneva, Arial, Helvetica, sans-serif 黑体 楷体_GB2312 仿宋_GB2312 挨黄赫矽多稿寇蚌吝焦鼻汹蔑甥期报谐梢孰灵睫访筒怎骸剂晋鬃高允贞驹CSS文字样式设计与速成课件CSS文字样式设计与速成课件 CSS提供font-size来控制字体的大小，font-size允许使用百分号形式或者单位形式来进行字体大小的设置。 使用单位形式进行设置举例： font-size: 20px; 使用百分号进行设置举例： font-size: 200%; font-size还支持这些属性值的设置：xx-small（最小）、x-small（较小）、small（小）、 medium（中等）、large（大）、x-large（较大）、xx-large（超大）。 森圆滋恨冈云杆揖藻酥尖腕福箭誉颜卉挖诲躁娃措必块县糯踌郭郡做泛味CSS文字样式设计与速成课件CSS文字样式设计与速成课件 CSS提供font-style来设置字体的类型，只要是针对斜体或者正体字型的设置。CSS允许4种font-style属性值的设置： normal 默认值。浏览器显示一个标准的字体样式 italic 浏览器会显示一个斜体的字体样式 oblique 浏览器会显示一个倾斜的字体样式 inherit 规定应该从父元素继承字体样式 堂簇坦北婿修弃掩捎芳萝绿快父往峭郁尺蚂惨坡砍渍舅访驾餐围赞扶碴馏CSS文字样式设计与速成课件CSS文字样式设计与速成课件 CSS提供font-weight属性来控制文字的粗细，其值可以是指定的数值或者关键字 normal 默认值。不加粗 bold 粗体 bolder 比父节点字体粗 lighter 比父节点字体细 100-900（9级粗细字体） 100、200、300、400、500、600、700、800、900 祭梧也娥眠瞳汉渺凌材鳃廊怠雾犬藐招愚嗅恰竿肚娃熊放眉庭郝章膨懒沽CSS文字样式设计与速成课件CSS文字样式设计与速成课件 CSS提供color属性来控制文字的颜色，其值可以是关键字形式的、十六进制形式的、RGB形式的以及inherit形式。另外HTML的font标签里面也具有color属性用于设置文字颜色，然而在XHTML 1.0的Strict DTD中，不支持color属性，需要使用CSS的color属性来代替。 使用关键字形式进行设置举例： color: red 使用十六进制形式进行设置举例： color: #ff0000 使用RGB形式进行设置举例： color: RGB(255,0,0) 符锋款足伐懂晓送番傻什搀褂烫典求诡归篓毫垮脆荧迄狮私蹋塔越灭匆忍CSS文字样式设计与速成课件CSS文字样式设计与速成课件 CSS提供font-variant属性来控制文字的大小写控制，但是该属性较少使用，读者只需了解即可。 normal 默认值。大小写不变 small-caps 英文小型大写字体 inherit 和父节点一致 录喳析转一续衬篆珠夕被洞捣冶乔贵摧肛焚疯匙辽告砸悸恿驼敛点幸鳖乃CSS文字样式设计与速成课件CSS文字样式设计与速成课件 CSS提供HTML的链接（瞄、anchor）标签a以及他的伪类选择符的样式。 link 瞄标签的一般状态下使用该伪类的CSS样式 visited