CSS文本属性:字体、加粗、斜体、对齐方式、下划线、首行缩进、字母大小写、字间距,词间距、垂直排列、上标,下标、文本溢出。

1.非常常用!!!

字体大小:16px、18px

font-size:大小;

字体颜色:red、green、#ff0000、#f00(两个相同的可以省略一个)

color:颜色;

2.字体设置

字体:Arial,Verdana,Thoma,sans-serif,simsun.....

font-family:字体;

3.加粗

font-weight:xx;

xx:下面的单词或整百数值(100-900)。

        normal:正常字体,相当于400。

        bold: 粗体,相当于数字值700。

        bolder: 更粗的,定义比继承值更重的值 。

        lighter: 定义比继承值更轻的值 。

4. 斜体

 font-style:xx;

xx:

        normal: 指定文本字体样式为正常的字体

        italic: 指定文本字体样式为斜体。这种斜体,是字体本身就设置了斜体的情况。对于没有设计斜体的 特殊字体,如果要使用斜体外观将应用oblique

        oblique: 指定文本字体样式为倾斜的字体。字体本身没有斜体效果,强制斜体,人为的使文字倾斜, 而不是去选取字体中的斜体字 。

因为一些标签自带斜体如i标签、em标签

5. 行高

 line-height:xx;

xx:

        normal:默认状态,允许内容顶开或溢出指定的容器边界。

        长度值:常用方式。设置行高为一个具体的值。

        数值:设置行高为一个倍数字,以字体大小为基数。

        百分比:设置行高为百分比大小,以字体大小为基数。

后面不是很常用就不过多解释了。

6.对齐方式:text-align:xx;

xx:left、center、right、justify(两端)。(word的对其方式)

7.下划线:text-decoration:xx;

xx:none、underline、line-through、overline(上划线)、blink(可忽略)

text-decoration-color: 下划线颜色;

text-decoration-style: 下划线风格(solid、double、dotted、dashed、wavy——波浪));

8.首行缩进:text-indent:xx;

9.字母大小写:text-transform:xx;

xx:none、capitalize、lowercase、uppercase

10.字间距和词间距

        letter-spacing:xx;

        word-spacing:xx;

11.文字垂直排列:writing-mode:xx;

xx:horizontal-tb(默认)、vertical-rl(上到下-右到左)、vertical-lr、sideways-rl、sideways-lr

vertical:上到下;

sideways:下到上;

rl:right-left右到左    反之     左到右

12. 上标和下标(<sup>和<sub>)

例:2的平方:

2<sup>2</sup>

13.文本溢出:text-overflow:xx;

        xx:

        ellipsis:显示省略符号 ... 来代表被修剪的文本。 

                搭配over-flow: hidden;实现

                        123456789...

        clip:剪切文本。

        string:自定义字符串来代表修剪的文本。不是所有浏览器都支持。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值