斜粗标记

使文字变成斜体

使文字变成粗体

无语义

表示细则一类的旁注，
通常包括免责声明、注意事项、法律限制、版权信息等
显示一个比父元素小的字号

指明对某内容的引用或参考。例如，戏剧、文章或图书的标题，歌曲、电影、照片或雕塑的名称等

引用
表示标记引用的文本

长引用

短引用
还可以使用cite属性来表示引用的地址
上下标
^{上标
_{下标
标记线

表示插入的内容，显示时通常会加上
下划线

表示删除的内容，显示时通常会加上
删除线}}

格式快
包含代码示例或文件名
预格式化文本
列表有序列表使用ol和li来创建一个有序列表。列表项1 列表项2 列表项3 无序列表使用ul和li来创建一个无序列表。列表项1 列表项2 列表项3 定义列表使用dl、dd、dt来创建一个定义列表。定义项1 定义描述1 定义项2 定义描述2 定义项3 定义描述3 单位 px 如果我们将一个图片放大的话，我们会发现一个图片是有一个一个的小色块构成的，这一个小色块就是一个像素，也就是1px，对于不同的显示器来说一个像素的大小是不同的。百分比也可以使用一个百分数来表示一个大小，百分比是相对于父元素来说的，如果父元素使用的大小是16px，则100%就是16px，200%就是32px em em和百分比类似，是相对于font-size说的 1em = 1font-size 颜色 CSS中可以直接使用颜色的关键字来代表一种颜色 17中颜色 – aqua、black、blue、fuchsia、gray、green、 lime、maroon、navy、olive、orange、 purple、red、silver、teal、white、yellow 十六进制颜色用的最多的颜色是十六进制符号一个颜色值，比如：#6600FF实际上包含了三组十六进制的数字。上边的例子中66代表红色的浓度，00代表绿色的浓度，FF代表了蓝色的浓度。最后的颜色是由这些指定浓度的红绿蓝混合而成的。如果每一组数中的两个数字都相同，就可以把十六进制的数字缩短为只有3个字符，如将 #6600FF缩短为#60F。 RGB值(光色) 可以使用计算机中常用的RGB值来表示颜色。可以使用0~255的数值，也可以使用0%~100%的百分比数。 – RGB(100%,0%,0%) – RGB(0,255,0) 第一个数表示红色的浓度，第二个数表示绿色浓度，第三个数表示蓝色的浓度。 RGBA 比RGB多了一个A（alpha）来表示透明度 0表示完全透明， 1表示完全不透明字体字体分类 serif（衬线字体） sans-serif（非衬线字体） monospace （等宽字体） cursive （草书字体） fantasy （虚幻字体）以上这些分类都是一些大的分类，并没有涉及具体的类型，如果将字体指定为这些格式，浏览器会自己选择指定类型的字体斜体和粗体 font-style用来指定文本的斜体。指定斜体：font-style:italic 指定非斜体：font-style:normal font-weight用来指定文本的粗体。指定粗体：font-weight:bold 指定非粗体：font-weight:normal 小型大写字母 font-variant属性可以将字母类型设置为小型大写。在该样式中，字母看起来像是稍微缩小了尺寸的大写字母。 – font-variant:small-caps 字体属性的简写 font可以一次性同时设置多个字体的样式。语法： – font:加粗斜体小型大写大小/行高字体这里前边几个加粗、斜体和小型大写的顺序无所谓，也可以不写，但是大小和字体必须写且必须顺序写到后两个。高性能行间距 line-height用于设置行高，行高越大则行间距越大。行间距 = line-height – font-size 大写化 text-transform样式用于将元素中的字母全都变成大写。大写：text-transform:uppercase 小写：text-tansform:lowercase 首字母大写：text-transform:capitalize 正常：text-transform:none 文本的修饰 text-decoration属性，用来给文本添加各种修饰。通过它可以为文本的上方、下方或者中间添加线条。可选值： underline overline line-through none 字母间距和单词间距 letter-spacing用来设置字符之间的间距。 word-spacing用来设置单词之间的间距。这两个属性都可以直接指定一个长度或百分数作为值。正数代表的是增加距离，而负数代表减少距离。对齐文本对齐文本 text-align用于设置文本的对齐方式。可选值： left：左对齐 right：右对齐 justify：两边对齐 center：居中对齐首行缩进 text-indent用来设置首行缩进。该样式需要指定一个长度，并且只对第一行生效。

网页前端（3）标签，文本样式

标签

字体

你可能感兴趣的:(网页前端（3）标签，文本样式)