网站CSS样式

2021-06-19    分类: 网站建设

网站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>

分享名称:网站CSS样式
文章链接:https://www.cdcxhl.com/news3/118003.html

成都网站建设公司_创新互联,为您提供网站排名品牌网站制作企业建站App设计手机网站建设建站公司

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设