CSS 文本标签

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

文字大小

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

    font-size:16px;

字体粗细

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

文字的粗细可以有多个值:bold、normal、bolder等。

    font-weight:normal;  // 默认值,定义标准的字符
    font-weight:bold;    // 定义粗体字符
    font-weight:bolder;  // 定义更粗的字符

文本颜色

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>


动手小练习

  1. 编写一段文本内容,然后对内容进行字体大小、粗细、颜色以及居中的设置,然后通过浏览器显示效果
发布了119 篇原创文章 · 获赞 15 · 访问量 4131
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览