CSS 文本属性定义文本的外观,通过文本属性,我们可以改变文本的颜色,定义文本大小,设置文本文字的粗细,字符间距,对齐文本,装饰文本,对文本进行缩进等等。
文字大小
font-size
,用来指定字体的尺寸。比如,给定一个文字的大小设置为16px:
font-size:16px;</pre>
字体粗细
font-weight
,用来指定文字的粗细。
文字的粗细可以有多个值:bold
、normal
、bolder
等。
font-weight:normal; // 默认值,定义标准的字符
font-weight:bold; // 定义粗体字符
font-weight:bolder; // 定义更粗的字符</pre>
文本颜色
color
,设置文本颜色。
小实例:定义一个名为“侠课岛”的标题颜色为绿色,且为 h1 号标题标签,然后定义第一段文本段落的文字大小为24px且加粗,第二段文本文字字体大小为16px:
<style>
h1{
color: green;
}
.p1{
font-size:24px;
font-weight: bold;
}
.p2{
font-size:16px;
}
</style>
<h1>侠课岛新版上线</h1>
<p class="p1">关于我们</h3>
<p class="p2">
侠课岛是优秀的互联网工作技能在线学习网站,专注于制作大量精品短视频和图文实战教程,内容由一线大牛策划制作,系统化,短小精炼,朴素实用,主要有:前端开发教程,后端开发教程,Node.js,PHP开发,Python开发,电商设计,产品运营,办公技能等精品独家原创教程。
</p>
font.png
动手小练习
- 编写一段文本内容,然后对内容进行字体大小、粗细、颜色以及居中的设置,然后通过浏览器显示效果