第8章CSS常用样式属性主讲教师:朱铁樱《Web前端开发》
8.1字体(1)font-size:字号大小font-size属性用于设置字号,该属性的属性值可以为px值、百分数、倍率值等。单位说明em倍率单位,指相对当前文本的倍率。pxpx单位,是网页设计中常用的单位。%百分比单位,指相对于当前文本的百分比。
8.1字体(2)font-family:字体font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。CSS样式示例代码p{font-family:微软雅黑;}font-family属性可以同时指定多个字体,各字体之间以逗号隔开。
8.1字体(2)font-family:字体使用font-family设置字体时,需要注意的事项如下。各种字体之间必须使用英文逗号分隔。中文字体需要加英文引号,但英文字体不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。如果字体名中包含空格、#、$等符号,则该字体必须加英文引号。尽量使用计算机系统默认字体或服务器定义的字体,保证网页中的文字在任何用户的浏览器中都能正确显示。
8.1字体(3)font-weight:字体粗细font-weight属性用于定义文字的粗细,其属性值如下。属性值描述normal默认属性值。定义标准样式的文字。bold定义粗体文字。bolder定义更粗的文字。lighter定义更细的文字。100~900(100的整数倍)定义由细到粗的文字。其中400等同于normal,700等同于bold,数值越大字体越粗。
8.1字体(5)font-style:字体风格font-style属性用于定义字体风格,如设置斜体、倾斜或正常字体。BABCABC默认值,浏览器会显示标准的字体样式。normal浏览器会显示斜体的字体样式。italic浏览器会显示倾斜的字体样式。oblique
8.1字体(6)font:综合设置字体样式font属性用于对字体样式进行综合设置。选择器{font:font-stylefont-variantfont-weightfont-size/line-heightfont-family;}font属性的语法格式注意:必须按语法格式中的顺序书写,各个属性以空格隔开。设置字体样式属性时,不需要设置的属性可以省略,该属性会自动取默认值,但必须保留font-size属性和font-family属性,否则font属性将不起作用。
8.1字体(7)@font-face规则@font-face用于定义服务器字体。通过@font-face规则,网页设计师可以在用户计算机未安装字体时,使用任何喜欢的字体。B@font-face{ font-family:字体名称; src:字体路径;}@font-face规则定义服务器字体的基本语法格式font-family用于指定字体的名称,该名称可以随意定义。src属性用于指定字体文件的路径。
8.1字体(7)@font-face规则使用服务器字体的步骤B使用@font-face规则定义服务器字体。A下载字体,并存储到相应的文件夹中。C对元素应用“font-family”字体样式。
8.2文本(1)color:文本颜色color属性用于定义文本的颜色。颜色英文单词例如,red、green、blue等。十六进制颜色值例如,#F00、#FF6600、#29D794等。RGB颜色值例如,红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。注意:如果使用RGB代码的百分比颜色值,取值为0时也不能省略百分号,必须写为0%。
8.2文本(2)letter-spacing:字间距letter-spacing属性用于定义字间距,其属性值可为不同单位的数值。例如,像素值单位px、倍率值单位em。(3)word-spacing:单词间距word-spacing属性用于定义英文单词之间的间距,对中文字符无效。
8.2文本(4)line-height:行间距line-height属性用于设置行间距。
8.2文本(5)text-transform:文本转换text-transform属性用于控制英文字符的大小写转换。capitalize首字母转换为大写none不进行转换(默认值)lowercase全部字符转换为小写uppercase全部字符转换为大写
8.2文本(6)text-decoration:文本装饰text-decoration属性用于设置文本的下画线、上画线、删除线等装饰效果。underline下画线none没有文本装饰(正常文本默认值)line-through删除线overline上画线
8.2文本(7)text-align:水平对齐方式text-alig