前端学习 -- Css -- 文本样式

text-transform可以用来设置文本的大小写

可选值:

  1. none 默认值,该怎么显示就怎么显示,不做任何处理
  2. capitalize 单词的首字母大写,通过空格来识别单词
  3. uppercase 所有的字母都大写   lowercase 所有的字母都小写

text-decoration可以用来设置文本的修饰

可选值:

  1. none:默认值,不添加任何修饰,正常显示
  2. underline 为文本添加下划线
  3. overline 为文本添加上划线
  4. line-through 为文本添加删除线

超链接会默认添加下划线,也就是超链接的text-decoration的默认值是underline,如果需要去除超链接的下划线则需要将该样式设置为none。

letter-spacing可以指定字符间距
word-spacing可以设置单词之间的距离,实际上就是设置词与词之间空格的大小

text-align用于设置文本的对齐方式

可选值:

  1. left 默认值,文本靠左对齐
  2. right , 文本靠右对齐
  3. center , 文本居中对齐
  4. justify , 两端对齐

- 通过调整文本之间的空格的大小,来达到一个两端对齐的目的

text-indent用来设置首行缩进

当给它指定一个正值时,会自动向右侧缩进指定的像素如果为它指定一个负值,则会向左移动指定的像素,通过这种方式可以将一些不想显示的文字隐藏起来,这个值一般都会使用em作为单位。

时间: 2024-10-08 04:52:16

前端学习 -- Css -- 文本样式的相关文章

前端学习 -- Css -- 默认样式

浏览器为了在页面中没有样式时,也可以有一个比较好的显示效果, 所以为很多的元素都设置了一些默认的margin和padding,而它的这些默认样式,正常情况下我们是不需要使用的. 所以我们往往在编写样式之前需要将浏览器中的默认的margin和padding统统的去掉. 如何去除默认样式? 添加如下css代码: /* * 清除浏览器的默认样式 */ *{ margin: 0; padding: 0; }

web前端入门到实战:css选择器和css文本样式相关

[文章来源微信公众号:每天学编程]---关注,后台领取编程资源 css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url("*.css");使用导入式,页面加载完后,才会加载样式 链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级: id选择器>

HTML和CSS前端教程03-CSS文本样式

目录 1.CSS颜色-建议就用十六进制 2.CSS长度的度量单位-建议就用px 3.CSS文本样式 3.1. 字体属性 3.1. 文本样式 1.CSS颜色-建议就用十六进制 p{ color: #ff0000 } 2.CSS长度的度量单位-建议就用px p{ margin: 0; padding: 0; font-size: 20px; height: 50px; } 3.CSS文本样式 字体的大小,样式以及方位 3.1. 字体属性 属性名 说明 例子 font-size 字体大小 font-s

使用css文本样式的6种方法

很多web前端初学者 http://www.maiziedu.com/course/web/在学习css样式时,对文本内容的修饰需要用到css文本样式进行修饰.由于在层叠关系中,内容要高于背景.所以文本样式相对而言更加重要.有些人对文本和字体样式之间的不同不太了解,简单地讲,文本是内容,而字体则用于显示这个内容.本文将详细介绍文本相关样式. 首行缩进 定义 首行缩进是将段落的第一行缩进,这是常用的文本格式化效果.一般地,中文写作时开头空两格,类似于此. [注意]该属性可以为负值 text-ind

第 15 章 CSS 文本样式[上]

学习要点: 1.字体总汇 2.字体设置 3.Web 字体 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小.样式以及文本的方位. 一.字体总汇 本节课,我们重点了解一下 CSS 文本样式中字体的一些设置方法,样式表如下: 属性名 说明 CSS 版本 font-size 设置字体的大小 1 font-variant 设置英文字体是否转换为小型大写 1 font-style 设置字体是否倾斜 1 font-weight 设置字体是否加粗 1 fon

第 15 章 CSS 文本样式[下]

学习要点: 1.文本总汇 2.文本样式 3.文本控制 主讲教师:李炎恢 本章主要探讨 HTML5 中 CSS 文本样式,通过文本样式的设置,更改字体的大小.样式以及文本的方位. 一.文本总汇 本节课,我们重点了解一下 CSS 文本样式中文本内容的一些设置方法,样式表如下: 属性名 说明 CSS 版本 text-decoration 装饰文本出现各种划线. 1 text-transform 将英文文本转换大小写. 1 text-shadow 给文本添加阴影 3 text-align 设置文本对齐方

2017-2-15从0开始前端学习笔记-文本

2017-2-15从0开始前端学习笔记-文本 标签 文本 粗体和斜体 <b>bold粗体</b> <i>italic斜体</i> 上标和下标 <sup>上标</sup> <sub>下标</sub> 空白 换行符和水品线 <br/>换行符 <hr/>水平线 语义化标记 加粗和强调 <strong>加粗 加强语气</strong> <em>强调 斜体 能改

19.CSS文本样式【下】

第十五章 CSS文本样是[下] 一.文本总汇 二.文本样式 :CSS文本样式分为三种:文本装饰,英文大小写转换,文本阴影. 1.text-decoration (1)none :让本身有划线的文本取消掉: (2)underline :让文本的底部出现一条下划线: (3)overline :让文本的顶部出现一条下划线: (4)line-through :让文本的中部出现一条产出划线: (5)bline :让文本出现闪烁,基本不支持了: 例.@charset="utf-8" p{ font

18.CSS文本样式【上】

第十五章  CSS文本样式 一.字体总汇 二.字体设置 1.font-size (1)xx-small   } (2)x-small    } (3)small      }    设置字体的大小,每个值从小到大的固定值 (4)mediue     } (5)large      } (6)x-large    } (7)xx-large   } 例.p{ font-size:50px; } (8)smaller    }   设置字体相对于父元素字体的大小 (9)larger     } 例.