CSS样式表基础(三)——CSS文本

4、CSS 文本

CSS 文本属性可定义文本的外观。
通过文本属性,您可以改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。

CSS 文本属性

  • color——————设置文本颜色
  • direction ————设置文本方向。
  • line-height ——— 设置行高(行间距)。
  • letter-spacing ——设置字符间距。
  • text-align ————规定文本的水平对齐方式。
  • text-decoration — 规定添加到文本的装饰效果。
  • text-indent ——— 规定文本块首行的缩进。
  • text-shadow —— 设置文本阴影。
  • text-transform — 控制元素中的字母。
  • white-space ——设置元素中空白的处理方式。
  • word-spacing — 设置字间距。

1) text-indent 属性,缩进文本
通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。
这个属性最常见的用途是将段落的首行缩进
如:text-indent: 2em;

2) text-align 属性,水平对齐
值 left、right 和 center 会导致元素中的文本分别左对齐、右对齐和居中。justify是两端对齐。
如:text-align: center;

3) word-spacing 属性,字间隔
word-spacing 属性可以改变字(单词)之间的标准间隔。
word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近:

4) letter-spacing 属性,字母间隔
letter-spacing 属性与 word-spacing 的区别在于,字母间隔修改的是字符或字母之间的间隔。

5) text-decoration 属性,文本装饰
text-decoration 有 5 个值:

  1. none 无
  2. underline 下划线
  3. overline 上划线
  4. line-through 删除线
  5. blink 文本闪烁

6) white-space 属性,处理空白符
white-space 属性会影响到用户代理对源文档中的空格、换行和 tab 字符的处理。
white-space 属性有如下几个值:

  1. normal 默认。空白会被浏览器忽略。
  2. pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
  3. nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
  4. pre-wrap 保留空白符序列,但是正常地进行换行。
  5. pre-line 合并空白符序列,但是保留换行符。

例:

<html>
<head>
<meta charset = "utf-8">
<title>CSS</title>
<style>
h1 {
  text-align: center;
}
p {
  color: red;
  font-size: 24pt;
  letter-spacing: 2px;
  line-height: 40pt;
  text-indent: 2em;
}
</style>
</head>
<body>
<h1>宜春学院简介</h1>
<p>宜春学院已成为集经济学、法学、教育学、文学、历史学、理学、工学、农学、医学、管理学等十大学科门类为一体的多学科性高等学府,成为江西省学科门类齐全的综合性本科大学。</p>
</body>
</html>

图片说明

全部评论

相关推荐

gelmanspar...:奖学金删掉,自我评价删掉,简历压缩一下,写一页
如果再来一次,你还会学机...
点赞 评论 收藏
分享
赛博小保安:你这简历没啥大问题的,经历技能也足够了,问题应该就是出在出身了,学院本就是这样,HR忙着跟92的勾搭呢,哪有心思看我们这些双非😿😭
点赞 评论 收藏
分享
bg27强双非本,目前在学习golang后端gin框架部分,在b站找了一个轮子项目敲了一下,技术栈是gin&nbsp;+&nbsp;gorm&nbsp;+&nbsp;mysql&nbsp;+&nbsp;redis。我目前的想法是这一个月学习408和go八股以及刷算法然后在12月找个寒假实习然后大三下开始准备考研。我是考研意愿比较强烈,想问一下我是应该all&nbsp;in其中一个方向吗,我感觉我实习对我考研来说也是没什么帮助的好像。
牛客28967172...:毕业工作,考研,考公是完全不同的方向。 99%的人拼尽全力也只能把一个做好(能做好都已经是佼佼者了,比如进进大厂,考985或者考公) 如果你确定要考研可以不用学任何就业技术框架,也不用实习经验,刷题背知识点就行,但注意必须考92院校起步,因为这个年代双非硕毕业后完全不如双非本(互联网行业),可以说双非硕在互联网就业完全是负收益
投递哔哩哔哩等公司10个岗位
点赞 评论 收藏
分享
评论
点赞
收藏
分享

创作者周榜

更多
牛客网
牛客网在线编程
牛客网题解
牛客企业服务