网站CSS样式CSS之所以能够提供丰富的网页样式,是因为它包括各种各样的样式属性。例如,有关文字样式的设置常用的就有十几种,涉及到文字的各个方面,包括字体样式(font-family)、字号大小(font-size)、字体样式(font-style)、文字颜色(color),等等。
在此,介绍使用CSS编辑文本、表格和表单的样式,以及CSS中滤镜的使用。
CSS文本编辑效果
在文本编辑中,可以使用HTML中的, , , 等标签来设置文本的样式,但是HTML标签能实现的功能很有限.CSS提供了丰富的文本样式属性,可以设置丰富的字体、大小、颜色,以及添加各种文字修饰的文本样式。常用的文本编辑属性如下所示:font-family:用于设置字体。
font-size:用于设置字体大小,默认以像素为单位。
color:用于设置文字的颜色。
font-style:用于设置字体显示风格。有3种样式:normal,将文字正常显示,是该属性的初始值:italic,使用斜体的字体;oblique,是将正常的文字倾斜显示。
font-weight:用于设置显示字体的粗细.text-decoration:用于添加文字修饰。该属性有5种取值:underline,添加下画线;overline,添加上画线;line-through,添加删除线;blink,使文字闪烁;none,不使用上述修饰效果。
text-transform:该属性用于控制文本中字母大小写的转换。有4种取值:uppercase:将所有字母以大写显示;lowercase,将所有字母以小写显示;capitalize,将每个单词的首字母以大写显示;none,以正常形式显示字母。
font-variant:该属性有两个取值:normal,是默认取值,表示以正常形式显示字母:small-caps,以小型大写形式显示字母,即以大写且以较小的字体显示字母。
font:这是字体属性的略写,它可以同时设置多种字体属性。
在这个应用范例中,将对一个诗词赏析页面中的各部分文字进行编辑。通过各种文本属性,设置文字显示样式。
程序清单