龙空技术网

「测试开发全栈-HTML」(17)css文本属性的阶段总结

蛋蛋杂谈 200

前言:

现时你们对“文本缩进css代码”都比较讲究,朋友们都想要知道一些“文本缩进css代码”的相关资讯。那么小编同时在网络上搜集了一些对于“文本缩进css代码””的相关文章,希望各位老铁们能喜欢,我们一起来了解一下吧!

通过快一个月的时间,利用每天的闲暇碎片化,学习了HTML的基本语法和CSS的文本属性。今天对CSS的文本属性做一个阶段小结。

已经学习的文本属性有5个,分别为:

color 文本颜色 通常用16进制展示,比如 #FF0000 简写形式居多

text-align 文本对齐 可以设定文字水平的对齐方式,默认左对齐

text-indent 文本缩进 通常用于段落首行缩进两个字的距离 2em

line-height 行间距 控制行与行之间的距离

text-decoration 文本修饰 添加下划线 underline 取消下划线 none

将所有的内容都展示出来,看下效果:

对应的代码为:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>CSS样式属性总结</title>

<style>

div {

/* 文本颜色属性 */

color: blue;

/* 文本行间距 */

line-height: 32px;

/* 让文本在中间展示 */

text-align: center;

}

p {

/* 段落首行收缩2个字 */

text-indent: 2em;

}

a {

/* 文本不展示下划线 */

text-decoration: none;

}

</style>

</head>

<body>

<div>战无不胜,攻无不克,横刀立马,千秋万代</div>

<p>10月15日晚,甘肃省天水市妇女联合会官方微博发布通报称,经过多方劝解,孩子父亲毛某已于10月14日将孩子送到母亲范某身边。目前孩子健康状况良好,范某情绪稳定,毛某也认识到因自己一时冲动造成的严重后果,并保证不再有过激行为。</p>

<div>一片祥云,我自横刀向天笑</div>

<!-- 下划线展示 -->

文本不展示下划线<br/>

<a href=";>跳转到百度页面</a>

</body>

</html>

这里就需要我们多学多练多写,不会就查阅资料,学习基础时不要囫囵吞枣。

今天上午就先这样

标签: #文本缩进css代码 #css段落缩进的属性有哪些