售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

网站CSS样式

网站编辑:小润 | 发表时间:2019-01-18 15:51:46

网站CSS样式



CSS之所以能够提供丰富的网页样式,是因为它包括各种各样的样式属性。例如,有关文字样式的设置常用的就有十几种,涉及到文字的各个方面,包括字体样式(font-family)、字号大小(font-size)、字体样式(font-style)、文字颜色(color),等等。

在此,介绍使用CSS编辑文本、表格和表单的样式,以及CSS中滤镜的使用。
 
CSS文本编辑效果
 
在文本编辑中,可以使用HTML中的<FONT>, <B>, <U>, <I>等标签来设置文本的样式,但是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:这是字体属性的略写,它可以同时设置多种字体属性。
 
在这个应用范例中,将对一个诗词赏析页面中的各部分文字进行编辑。通过各种文本属性,设置文字显示样式。
 
程序清单
 
<html>
 
<head>
 
<meta http-equiv="Content-Type" content"text/html; charset
 
=utf-8"/>
 
<title>诗词赏析</title>
 

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130