CSS段落属性

  • A+
所属分类:HTML

CSS段落属性

1、text-decoration

在CSS中,使用text-decoration属性来定义字体下划线、删除线和顶划线。

语法:

text-decoration:属性值;

说明:CSS段落属性

//使用“text-decoration:none”这个属性值可以去除a标签的默认样式。

学了这个属性之后,我们应该摒弃HTML入门中学习的<s>标签(删除线)和<u>标签(下划线)。

2、text-transform

在CSS中,使用text-transform属性来转换文本的大小写,这个是针对英文而言,因为中文不存在大小写之分。

语法:

text-transform:属性值;

说明:

CSS段落属性

3、font-variant

使用font-variant属性只有一个作用:把文本设置成小型大写字母,这也是针对英文而言,因为中文不存在大小写之分。

语法:

font-variant:normal/small-caps; 

说明:

CSS段落属性

4、text-indent

我们可以使用CSS的text-indent属性来控制文本首行的缩进。

语法:

text-indent:像素值;

说明:

在CSS初学阶段,全部都是使用像素作单位,在CSS进阶阶段我们会深入讲解其他CSS单位

5、text-align

在CSS中,使用text-align属性控制文本的水平方向的对齐方式:左对齐、居中对齐、右对齐。

语法:

text-align:属性值;

说明:

CSS段落属性

text-align属性只能针对文本文字和<img>标签,对其他标签无效。

6、line-height

ine-height属性指的是行高,而不是行间距。

语法:

line-height:像素值;

说明:

在CSS初学者阶段,我们都是采用像素做单位

7、letter-spacing

语法:

letter-spacing:像素值;

说明:

letter-spacing控制的是字间距,每一个中文文字作为一个“字”,而每一个英文字母也作为一个“字”!大家要细心留意一下。

默认情况下,letter-spacing我们几乎都用不上,我们直接采用浏览器默认样式就可以了。大家完全可以忽略掉这个属性。

8、word-spacing

语法:

word-spacing:像素值;

说明:

定义词间距,以空格为基准进行调节,如果多个单词被连在一起,则被word-spacing视为一个单词;如果汉字被空格分隔,则分隔的多个汉字就被视为不同的单词,word-spacing属性此时有效。

weinxin
我的微信
分享学习和工作过程中总结出来的一些经验与技巧,关注前端设计与网站制作。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: