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

=utf-8"/>

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

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

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

猜你还喜欢下面的内容