网页制作基础教程 牛永洁 延安大学计算机学院
网页制作基础教程 延安大学计算机学院 牛永洁
内容提要 ☆本章主要学习内容--格式化文本 选择字体、颜色 改变字号 ※格式化单词和字母 豪格式化整个段落 给列表定义样式
内容提要 ❖本章主要学习内容----格式化文本 选择字体、颜色 改变字号 格式化单词和字母 格式化整个段落 给列表定义样式
格式化文本 ◆图片固然吸引人,但是一个网页中占大部分的仍 然是文本 令要使网站上的文本看起来更激动人心,对文本下 一番功夫还是很值得的 令你可以做的第一件事情就是给网页中不同部分 (标题,段落等)应用不同的字体
格式化文本 ❖图片固然吸引人，但是一个网页中占大部分的仍 然是文本。 ❖要使网站上的文本看起来更激动人心，对文本下 一番功夫还是很值得的。 ❖你可以做的第一件事情就是给网页中不同部分 （标题，段落等）应用不同的字体
格式化文本-这擀字体川 ☆字体: font-family:字体名1,字体名2; ◆不幸的是,你不能随意选择字体,因为你选择的 字体在本机上显示可能正常,但是如果客户的计 算机上没有安装该字体,那么客户计算机就会使 用自己计算机上的默认字体显示,一般这样的字 体很难看。 ◇解决办法:设置多种字体,如果字体1没有,使 用字体2
格式化文本-选择字体 ❖字体：font-family:字体名1，字体名2; ❖不幸的是，你不能随意选择字体，因为你选择的 字体在本机上显示可能正常，但是如果客户的计 算机上没有安装该字体，那么客户计算机就会使 用自己计算机上的默认字体显示，一般这样的字 体很难看。 ❖解决办法：设置多种字体，如果字体1没有，使 用字体2
格 如果字体名由多个单词组成, 并中间有空格,请””括起 ☆Aria, Helvetica,san ☆" Times New rome .8"Courier New, Courier, mormoops georgia, Times new roman", Times, serif Verdana. Arial, Helvetica, sans-serif .A Geneva, Arial, Helvetica, sans-serif Tahoma. Lucida grande", arial. sans-serif B Lucida Console", Monaco monospace Marker Felt","Comic Sans ms", fantasy Century Gothic","Gill Sans", Arial, sans-serif
格式化文本 ❖ 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 ❖ Tahoma, "Lucida Grande", Arial, sans-serif ❖ "Lucida Console", Monaco, monospace ❖ "Marker Felt", "Comic Sans MS", fantasy ❖ "Century Gothic", "Gill Sans", Arial, sans-serif 如果字体名由多个单词组成， 并中间有空格，请””括起
Arial Arial Arial Black Arial Black Arial Narrow Arial Narrow Comic Scs Ms Comic sans Ms Courier Courier New Courier New Century Gothic Century Gothic Geneva georgia Georgia Gill Sans Helvetica Helvetica Lucida grande Luci da Console Marker Felt Monaco Tahoma Tahoma Times Times Times New Roman Times New Roman Trebuchet ms Trebuchet ms Verdana Verdana x①*+( Webdings)×①-*+( Webdings) sans-serif sans-serif serif if monospace monospace FANTASY fantasy
格式化文本文颜色 ◇更改字体的颜色:clor:#3e8988 设置颜色的其他办法 1.十六进制:#xxxx; 2. RGB color: rgb(红,绿,蓝),每个分项范 0-255 3.直接使用单词:
格式化文本-文本颜色 ❖ 更改字体的颜色：color：#3e8988 ❖ 设置颜色的其他办法： 1. 十六进制：#xxxxxx； 2. RGB color:rgb(红，绿，蓝)，每个分项范 围0-255 3. 直接使用单词：
格式化支率牵瓶色 aqua(浅绿) 10oive(橄榄色) 2.back(黑) 11. orange(橙色) 3.blue(蓝) 12 purple(紫色) 4. fuchsia(紫红) 13ed(红色) 5.gray(灰色) 6. green(绿 14.sler(银色) 7.ime(石灰色 15teal(水鸭色) 8. maroon(栗色) 16 White(白) 9.nawy(海军蓝) 17yeoW(黄)
格式化文本-文本颜色 1. aqua（浅绿） 2. black（黑） 3. blue（蓝） 4. fuchsia（紫红） 5. gray（灰色） 6. green（绿） 7. lime（石灰色） 8. maroon（栗色） 9. navy（海军蓝） 10.olive（橄榄色） 11.orange（橙色） 12.purple（紫色） 13.red（红色） 14.silver（银色） 15.teal（水鸭色） 16.white（白） 17. yellow（黄）
格式化文本一改变字号 改变字号: nt-size:大小 令字号单位:像素(x),百分比,em,关键字 令例如: font-size:36pX-中间不要有空格 令基准文本尺寸:浏览器正常显示文本时,如果该 文本不是标题,那么该文本的大小就是基本文本 尺寸,一般为16pX
格式化文本-改变字号 ❖改变字号：font-size：大小 ❖字号单位：像素(px),百分比，em，关键字 ❖例如：font-size：36px----中间不要有空格 ❖基准文本尺寸：浏览器正常显示文本时，如果该 文本不是标题，那么该文本的大小就是基本文本 尺寸，一般为16px
格式化文本一改变字号 令关键字:XX-sma,x-sma,sma, medium,arge, X-large,xx-arge。 令每个关键字在基准文本的基础上增加或者减少12 倍。 ☆ large=19pX,smal‖=13pX, medium=16pX
格式化文本-改变字号 ❖关键字：xx-small, x-small, small, medium, large, x-large, xx-large 。 ❖每个关键字在基准文本的基础上增加或者减少1.2 倍。 ❖large = 19px, small = 13px， medium=16px