字体

字体属性

font:字号，字体必须写，（字号必须在倒数第二，字体必须在倒数第一）！！！其余不写都为默认

行间距：盒子的宽，高，垂直居中

文本修饰：text-decoration 用于超链接，去掉下划线    参数（none）

盒子的大小，它是由内容区+内边距+边框组成

auto  有多大取多大，一般设在水平方向

块元素居中对齐，margin:auto

5.单位

① 像素px

②百分比% 当父元素发生变化的时候，子元素也会发生变化

③em 根据字体设置大小的  一个em相当于一个font-size

④rgb 颜色设置，可以用数字，最大值是255，也可以用百分比%，最大是100%

6.十六进制来表示颜色

①rgb  #000000-ffffff 要么是三位要么是六位

7. 字体的样式

①font-size：30px

font-family：字体；

②family 可以设置多个字体，设置多个字体的时候，中间一定要加逗号。

③font-style：italic 斜体

④font-weight：bold文本的粗体

⑤font-variant：small-caps；小型大写字体

使用font没有先后顺序执行。不写的话是按照默认从上到下依次执行

8.字体分类

①衬线字体：serif 包含宋体。 写字的末尾后面都会多一点东西

②非衬线字体：sans-serif 跟等宽字体差距不是很大

③等宽字体：monospace 字体宽度相同，容易对齐

④草书字体：cursive 潦草很多

⑤虚幻字体：fantasy

一般把几大字体放在字样式的末尾。

9. 行间距

①字号默认16px  line-height： 行高    公式：行间距=行高-字体大小  倍数：1~  像素px  百分号：100%就是字体的大小就是行间距的大小

②垂直居中 设置行高跟父级设置一样高

10.大写化

①text-transform 控制文本的大小写

②text-transform：uppercase ：控制文本大写

③text-transform：lowercase：控制文本的小写

④text-transform：capitalize ：控制文本的首字母大写

⑤text-transform：none ：文本正常

⑥text-decoration ：underline（上划线）

⑦text-decoration ：overline （下划线）

⑧text-decoration ：line-through  （中划线）

⑨text-decoration ：none （没有线条）

11.字母单词的间距

①letter-spacing：10px  字符边距

②word-spacing：10px  汉字边距

③text-align：left：左对齐

④text-align：right：右对齐

⑤text-align：justify：两边对齐

⑥text-align：center：居中对齐

12.首行缩进

①text-indent：2em

3.文本标签

①em 标签一般用于表示一段内容的着重点

②strong 标签一般用于一个内容的重要性

③i 标签是以斜体表示}表示图标。没有任何语义

④b 标签是以粗体表示 } 没有任何语义

⑤ small 标签一般表示版权声明。内容条款

⑥ big 大体子

⑦cite 标签 语义，参考的内容

⑧q 标签 引用的内容，会被浏览器默认标写双引号  是CSS样式

⑨blockquote 标签 块引用或长引用， 用div包含块  （在论坛中用的比较多）

⑩sup 上标标签，sub  下标标签

11） 一般表示现价与原价

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

13）del表示删除的内容，显示时通常会加上删 除线。

14）pre / code 标签 一起使用。表示执行保留格式