Web前端开发基础入门PPTch04.pptx

《Web前端开发基础入门PPTch04.pptx》由会员分享，可在线阅读，更多相关《Web前端开发基础入门PPTch04.pptx（13页珍藏版）》请在汇文网上搜索。

1、第四讲文本常用的CSS属性文本属性01文本属性nColornFont-familynFont-sizeFont-size可能取值值描述描述length（常（常用）用）把font-size设置成一个固定的值。如：14px、16px%把font-size设置为基于父元素的一个百分比值。xx-smallx-smallsmallmediumlargex-largexx-large把字体尺寸设置为不同的尺寸，从xx-small到xx-large。默认值：mediumsmaller把font-size设置为比父元素更小的尺寸。larger把font-size设置为比父元素更大的尺寸。inherit规定从父

2、元素继承字体尺寸。font-style字体风格值描述描述normal默认值。浏览器显示标准字体样式italic浏览器显示斜体字体样式oblique浏览器显示倾斜字体样式inherit从父元素继承字体样式font-variant小型大写字母值描述描述normal默认值。显示标准字体small-caps显示小型大写字母的字体inherit从父元素继承属性值font-weight文本粗细值描述描述normal默认值。显示标准字符样式bold粗体字符bolder更粗字符lighter更细字符100200300400500600700800900由细到粗的字符。400等同于normal，700等同于bo

3、ldinherit从父元素继承字体粗细Line-height 行高值描述描述normal默认。设置合理的行间距。number数字，此数字与当前的字体尺寸相乘来设置行间距。length设置固定行距。%基于当前字体尺寸的百分比行距。inherit从父元素继承值。Font综合设置属性font:font-style font-variant font-weight font-size/line-height font-familyfont:13px/22px Arial,Helvetica,sans-serif;font-size:13px;line-height:22px;font-family:A

4、rial,Helvetica,sans-serif、文本属性ntext-alignnText-decorationnText-indentnWord-spacingnLetter-spacingnWhite-space超链接及伪类选择器02锚伪类超链接的四个状态na:link未访问的链接（未被访问状态：鼠标未点击）na:visited已访问的链接（已被访问状态：鼠标已点击过）na:hover鼠标滑过链接（鼠标悬停状态：鼠标位于链接上）na:active已选中的链接（活动状态：鼠标按下的时候）其它伪类属性属性描述描述CSS版本版本:link向未被访问的链接添加样式1:visited向被访问过的链接添加样式1:hover当鼠标悬停在元素上方时，向元素添加样式1:active向被激活的元素添加样式1:focus向拥有键盘输入焦点的元素添加样式2:first-child向元素的第一个子元素添加样式2:lang向带有指定lang属性的元素添加样式2