文本标签

CSS 文本属性定义文本的外观,通过文本属性,我们可以改变文本的颜色,定义文本大小,设置文本文字的粗细,字符间距,对齐文本,装饰文本,对文本进行缩进等等。

文字大小

font-size,用来指定字体的尺寸。比如,给定一个文字的大小设置为16px:

font-size:16px;</pre>

字体粗细

font-weight,用来指定文字的粗细。

文字的粗细可以有多个值:boldnormalbolder等。

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

动手小练习

  1. 编写一段文本内容,然后对内容进行字体大小、粗细、颜色以及居中的设置,然后通过浏览器显示效果
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容