网站CSS样式

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

网站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:这是字体属性的略写,它可以同时设置多种字体属性。

在这个应用范例中,将对一个诗词赏析页面中的各部分文字进行编辑。通过各种文本属性,设置文字显示样式。

程序清单




=utf-8"/>

诗词赏析

网页标题:网站CSS样式
分享URL:https://www.cdcxhl.com/news/118003.html

成都网站建设公司_创新互联,为您提供手机网站建设静态网站建站公司品牌网站制作微信公众号网站收录

广告

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