网页制作基础任务教程（HTML5+CSS3）（下篇，共上下2篇）.pptxVIP

字体样式和文本样式引入文字是网页最基本的组成元素，在网页标签中，可以通过标题标签和段落标签来插入文字，这些标签有默认的显示样式。在实际应用中，可以通过CSS样式来修改这些文字的显示效果。字体样式属性font-stylefont-variantfont-weightfont-sizefont-family字体样式属性属性值描述normal文本正常显示italic文本斜体显示oblique文本倾斜显示font-style属性用于规定斜体文本!DOCTYPEhtmlhtml head metacharset=utf-8 title字体样式/title styletype=text/css p{font-style:italic;} /style /head body p学而不思则罔，思而不学则殆/p /body/html字体样式属性font-variant属性用于将元素中所有的小写字母都转换为大写该属性仅作用于英文字符，不经常使用。font-variant属性值属性值描述normal默认值，标准字体small-caps小型大写字母的字体inherit从父元素继承属性字体样式属性font-weight属性用于设置文本粗细示例：p{font-weight:bold;}font-weight属性值值描述normal默认值，定义标准的字符bold定义粗体字符bolder定义更粗的字符lighter定义更细的字符100|200|300|400|500|600|700|800|900定义由细到粗的字符，400等同于normal，而700等同于bold字体样式属性font-size属性用于设置文本的大小font-size属性值可以是绝对或相对值，比较常用的是使用数值来设置字体大小。em是相对于当前对象内文本的字体尺寸。如当前对象内文本的字体尺寸被设置为14px则1em=14px；如当前对象内文本的字体尺寸未被设置，则相对于浏览器的默认字体尺寸1em=16px。下面代码设置网页中文字字号为12像素body{font-size:12px;}rem是指相对于根元素的字体大小的单位。如果html根元素设置字体尺寸为10px，则1em=10px。px像素是相对于显示器屏幕分辨率而言的，任意浏览器的默认字体高都是16px。字体样式属性示例font-family属性用于定义文本的字体系列该属性的取值可以有多个字体名称，按优先顺序排列并以逗号隔开。优先使用方正楷体，假设用户电脑上没有方正楷体，但是有微软雅黑的字体，则浏览器中会以微软雅黑的字体显示p元素的文字。p{font-family:方正楷体,微软雅黑;}字体样式属性font属性（简写属性）语法：font:font-stylefont-variantfont-weightfont-size/line-heightfont-family;!DOCTYPEhtmlhtmlhead metacharset=utf-8 title字体/title styletype=text/css h1{font:italicnormal20px/30px楷体;} /style/headbody h1勤学好问/h1/body/html文本样式属性文字的颜色以及文本格式的样式效果colortext-aligntext-decorationtext-indentline-height文本样式属性color属性用于设置文字的颜色常用颜色值CSS颜色规范预定义的颜色名称，例如red，blue，green等。十六进制颜色代码：#RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色），所有值必须介于0和FF之间。RGB颜色代码：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。文本样式属性text-align属性用来设置文本的水平对齐方式text-align属性值值描述left默认值，文本左对齐right文本右对齐center文本居中对齐justify文本两端对齐下面的样式规则设置文本水平居中：.first{text-align:center;}文本样式属性text-decoration属性用来设置或删除文本的装饰线text-decoration属性值值描述none默认值，定义标准的文本underline定义文本下的一条线line-through定义穿过文本下的一条线如果希望去掉超链接的下划线，可以使用以下CSS来做到这一点：a{text-decoration:none;}如果希望添加删除线效果，可以使用以下CSS来实现