百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 从零开始的html教程之CSS篇(3):常用的字体与文本属性
分享文章到:

从零开始的html教程之CSS篇(3):常用的字体与文本属性

发布时间:01/15 来源: 浏览: 关键词:
一聚教程网 从零开始的html教程之CSS篇(2),介绍了css中常用的文字文本属性。这系列教程讲解CSS叠层样式表的知识,希望大家喜欢!

一、css常用的字体属性

1.字体的设置

在CSS中字体通过font-family属性来设置。

font-family:"黑体";

2.字体的大小

用font-size设定文字的大小 font-size: 16px; px是长度单位,1px的意思是1个像素的大小用color设定文字颜色

3.字体的颜色

color: black; color: #FFFFFF;

color: rgb(255,255,000);

color: rgb(0%,100%,100%);

颜色可以用英文单词、十六进制码、rgb表示。

二、常用文本的属性

1.行距

用line-height属性设置行距

line-height: 20px;

line-height: 2;

20px表示行距是20像素大小;没有单位只有数字的数字是字体大小倍数。如果字体大小是16px,这里2的行距为40px。

2.首行缩进

用text-indent表示首行缩进

text-indent:30px;

3.文本对齐

用text-align设定文本的对齐方式

text-align:left;

text-align:right;

text-align:center;

text-align:justify;

left是左对齐,right是右对齐,center是居中。justify是使两端都对齐,调整单词和字母间的间隔,使各行的长度恰好相等。

4.文本的修饰

用text-decoration属性来修饰文本

text-decoration:none;

text-decoration:underline;

text-decoration:overline;

text-decoration:line-through;

text-decoration:blink;

none是取消decoration属性,underline 添加下划线,overline 在文本顶部添加线,line-through会在文本中间划出一条线,blink 会让文本闪烁。

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有4人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板