企业官网建设 营销型网站 微信分销系统 微信小程序 企业邮局
Introduction
概述

css控制文本样式
在网页中包含大量的文字信息,统称为文本。文本的样式由文字样式和段落样式构成。css提供了丰富的属性来控制文字样式和段落样式。
了解css技术基础之css控制文本样式
css控制文本样式


INTRODUCTION导 语

互联网的应用飞速发展。网络应用渗入了人们生活的各个层面。随着网站的盛行,市场对网页制作人员的要求愈加严格。css比起之前table更加让网页的结构和视觉上有很多元的表现,而且使搜索引擎更为友善。

为了让更多的人了解并学习css,小编整理了一些关于css的技术及自己的实践经验,希望对大家有所帮助。本文着重介绍一下如何使用css控制文本样式,更多相关信息,还会陆续增加。

在网页中包含大量的文字信息,统称为文本。所有由文字构成的网页元素都是网页文本。文本的样式由文字样式和段落样式构成。css提供了丰富的属性来控制文字样式和段落样式。

font-family:name
css提供的font-family属性用于改变网页上文字的字体。其通用语法:
font-family:name
其中NAME值代表字体的名称,它可设置为一个字体的名称或者一组字体的合集。分别设置中文字体和英文字:
font-family:宋体,黑体,幼圆
font-family: Arial, Helvetica, sans-serif
在font-family属性中可依次添加多个字体名称,显示的优先级是按先后顺序排列的,若用户系统中没有安装宋体,那么字体会显示为黑体,若没黑体,那么显示为幼圆。英文也是一样的。
设置body标签的font-family属性可以使整个页面都应用宋体、黑体、幼圆其中的一种字体样式。具体使用哪个由用户的系统字体。
font-family属性具有继承性。在设置了一个标签的font-family属性后,该标签中所有其他标签都会应用该字体属性。
font-size:textsize
其中textsize用于定义文字大小的长度,可以是长度、百分比和关键字。
网页文字的大小取决于网页内容的重要程度,较大的文字通常用作标题。文字的默认大小由用户的浏览器决定的。设计人员可以使用css的font-size属性来改变网页中文字的默认大小。
color:textcolor
在网页上使用不同颜色的文字可以突出主题以及美化页面。Css提供的color属性用于改变网页上文字的颜色。
color:red  使用颜色名称设置文字颜色
color:rgb{255,0,0} 使用rgb数值设置文字颜色
color:rgb(100%,0%,0%) 使用rgb百分比设置文字颜色
color:#FF0000 使用十六进制设置文字颜色
color:#F00  使用十六进制缩写设置文字颜色
font-weight:textweight
在网页上标题通常用加粗的字体表示。在html中,使用b标签表示加粗的文段。css提供的font-weight属性用于改变网页上文字的粗细,可减小b标签的重复使用。该属性还可以把b标签中显示为粗体的文字变细。其通用语法:
font-weight:bold(粗);bolder(粗);lighter(变细);normal(无效果)
font-style:textstyle
在网页中的斜体文字常用于语句引用。Css提供的font-style属性用于设置网页文字上文字是否倾斜。其通用语法:
font-style:normal(无效果);italic(斜体);oblique(斜体)
text-decoration:textline
在网页中常常使用下划线来提示可点击的文字。下划线、顶划线和删除线统称为修饰线,css提供的text-decoration属性用于设置网页上的文字的修饰线。其通用语法:
text-decoration:none(无);underline(下划线);overline(顶划线);line-through(文字加删除线);blink(文字闪烁);文字的修饰线可以混合使用,在混合使用时,每个属性之间用空格隔开。
text-transform:texttype
在网页中使用英文文字常会涉及大小写问题,css提供的text-transform属性用于设置英文文字的大小写。其通用语法:
text-transform:none(无);capitalize(首字母大写);uppercase(全部大写);lowercase(全部小写)
属性的缩写
属性缩写法是将多个属性的值并列在一个属性下。只要是复合属性都能应用属性速写法定义css样式,例:font是一个复合属性,多个文字属性的值可以并列缩写在font属性下。
font:“Lucida Grande”,sans-serif 1em italic bold
其中,font属性代表了所有文字属性。在设置font属性的值时,不需要写属性名,只需要写属性的值即可。每个值之间用空格隔开。font属性包含font-style、font-variant、font-weight、font-size、line-height和font-family。缩写font属性,至少要定义font-size和font-family两个值,而且所写的属性必须都属于font属性。
用段落属性改变字体的段落样式
在网页中文字常以段落的形式出现,用于表述具体内容。css提供的段落属性来控制段落样式。
text-align:directiong(段落对齐方式)
text-align:left(左);right(右);center(中间);justify(两端)
writing-mode:lr-tb|tb-rl
lr-tb代表文字按照左右-上下的方向排列;tb-rl代表文字按照上下-左右的方向排列。在默认情况下文字是按照左右-上下的方向排列。
layout-flow:horizontal|vertical-ideographic
其中horizontal是文本水平排列;vertical-ideographic是文本垂直排列。
text-indent:distant(代表段落首行缩进的数值,可以设置为像素值或百分比)
文本使用首行缩进来代表分段,css提供的text-indent属性用于控制段落首行缩进的距离。 distant(代表段落首行缩进的数值,可以设置为像素值或百分比)。
line-height:height
一个文本段落中行与行之间的距离称为行间距,文本中字与字之间的距离称为字间距。Height代表行与行之间的距离,可以使用各种长度单位来进行设置。
letter-spacing:space
css提供的letter-spacing属性用于控制文字的字间距,space代表字与字之间的距离,可以使用各种长度单位进行设置。

相关内容专题

01

了解CSS技术基础之网页制作入门篇
网页制作包括XHTML页面和CSS样式表,Dreamweaver是最常用的网页制作软件,其编辑CSS样式的能力是Dreamweaver其中的一个功能。

02

如何做好营销型网站开发与建设?
多年专注于营销型网站建设,服务超过10万余家企业。具有价值的网络营销服务平台,专业为企业营销型网站建设、让您拥有属于自己的营销型网站。

03

颤抖吧!微信小程序
生意宝拥有海量微信小程序行业模板并能定制专属于您的小程序,帮助千万商户一键生成微信小程序。

04

微网站的建设与开发
专注服务于成长型企业-互联网品牌营销,助力企业微营销。


css控制文本样式
了解更多请扫描
二维码关注我们

024-83959235

地址:沈阳市和平区青年大街322号

联系人:王经理    E-mail: wy@netsun.comm