CSS文本字体及排版

字体——font-family

font-family:字体1,字体2,字体3,……;应用font-family属性可以一次定义多个字体,而在浏览器读取字体时, 会按照定义的先后顺序来决定选用哪种字体。若浏览器在计算机上找不到第一种字体,则自动读取第二种字体,若第二种字体也找不到, 则自动读取第三种字体,这样依次类推。如果定义的所有字体都找不见,则选用计算机系统的默认字体。在定义英文字体时,若英文字体名是由多个单词组成, 并且单词之间有空格,那么一定要将字体名用引号(单引号或双引号)引起来。如:font-family:“Courier New”,定义了一个字体为Courier New

字号——font-size

font-size:绝对尺寸|关键字|相对尺寸|百分比;绝对尺寸是指尺寸大小不会随着显示器分辨率的变化而变化,也不会随着显示设备的不同而变化。 如用绝对尺寸设置的文字在显示器分辨率为960×600和分辨率为1024×768下所显示的大小是一样的。使用绝对尺寸设置文字大小的时候一定要加上单位,如果没有加单位, 浏览器会默认以px(像素)为单位。绝对尺寸可以使用的单位包括in(英寸)、px(像素)、cm(厘米)、mm(毫米)、pt(点)、pc(皮卡)。最常用的单位还是px(像素)。(1点=1/72英寸)。相对尺寸是指尺寸大小继承于该元素属性的前一个属性单位值。这里要强调的是,如果是在该元素的font-size属性中使用cm为属性单位,那么将直接继承于父元素的font-size属性,若没有父元素,则参考浏览器的默认字号值。绝对尺寸和相对尺寸也可以使用关键字来定义字号。绝对尺寸的关键字有七个,分别为xx-small(极小)、x-small(较小)、small(小)、medium(标准大小)、large(大)、x-large(较大)、xx-large(极大)。相对尺寸则仅有两个关键字,分别为larger(较大)和smaller(较小)。相对尺寸的larger是指在它的上一个关键字基础上扩大一级,smaller则是在它上一个关键字基础上缩小一级。百分比是基于父元素中字体的大小为参考值的。

字体样式——font-style

font-style:normal|italic|oblique;normal正常显示(浏览器默认样式),italic斜体显示文字,oblique歪体显示比斜体倾斜角度更大。

字体加粗——font-weight

font-weight:normal(正常粗细)|bold(粗体)|bolder(加粗体)|lighter(细体)|number(数字一般都是整百, 有9个级别,数字越大字体越粗)

字体变体——font-variant

font-variant:normal|small-caps normal表示正常的字体,默认值就为这个字体。small-caps表示英文字体显示为小型的大写字母。

字符间距——letter-spacing

letter-spacing:normal|长度 normal表示间距正常显示,是默认设置。长度包括长度值和长度单位,长度值可以使用负数。 单词间距——word-spacing

word-spacing:normal|长度 normal表示间距正常显示,是默认设置。长度包括长度值和长度单位,长度值可以使用负数。

文字修饰——text-decoration

text-decoration: underline|oveline|line-through|blink|none underline给文字添加下划线oveline给文字添加上划线line-through给文字添加删除线blink添加文字闪烁效果none没有文本修饰默认值

文本排列方式——text-align

Text-align:left|right|center|justify eft代表左对齐方式;right代表右对齐方式;center代表居中对齐方式;justify代表两端对齐方式。该属性可应用于HTML中的任何模块级标记,

段落缩进——text-indent

text-indent:长度|百分比 长度包括长度值和长度单位,长度单位同样可以使用之前提到的所有单位。 百分比则是相对上一级元素的宽度而定的。

调整行高——line-height

Line-height:normal|数字|长度|百分比 normal为浏览器默认的行高,一般由字体大小属性来决定。 数字,表示行高为该元素字体大小与该数字相乘的结果。  长度,表示行高由长度值和长度单位确定。  百分比:表示行高是该元素字体大小的百分比

转换英文大小写——text-transform

text-transform:uppercase|lowercase|capitalize|none uppercase 使所有单词的字母都大写lowercase 使所有单词的字母都小写capitalize 使每个单词的首字母大写none默认值显示

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值