H5+class4

css初体验，内容包含以下几点：

• 文字属性的补充；
• 文本属性；
• 颜色属性；
• 标签选择器（上）；

·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·…·…

1.文字属性的补充：

1.1 如果设置的字体不存在, 那么系统会使用默认的字体来显示
默认使用宋体

1.2 如果设置的字体不存在, 而我们又不想用默认的字体来显示怎么办?
可以给字体设置备选方案
格式:font-family:"字体1", "备选方案1", ...;

1.3 如果想给中文和英文分别单独设置字体, 怎么办?
但凡是中文字体, 里面都包含了英文
但凡是英文字体, 里面都没有包含中文
也就是说中文字体可以处理英文, 而英文字体不能处理中文
**注意点: 如果想给界面中的英文单独设置字体, 那么英文的字体必须写在中文的前面

1.4 补充在企业开发中最常见的字体有以下几个
中文: 宋体/黑体/微软雅黑
英文: "Times New Roman"/Arial

还需要知道一点, 就是并不是名称是英文就一定是英文字，因为中文字体其实都有自己的英文名称, 所以是不是中文字体主要看能不能处理中文：

• 宋体 SimSun
• 黑体 SimHei
• 微软雅黑 Microsoft YaHei

·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·…·…

2.文本属性：

2.1 文本装饰的属性

格式:text-decoration: underline;

取值:

• underline 下划线
• line-through 删除线
• overline 上划线
• none 什么都没有, 最常见的用途就是用于去掉超链接的下划线

快捷键:

• td text-decoration: none;
• tdu text-decoration: underline;
• tdl text-decoration: line-through;
• tdo text-decoration: overline;

2.2 文本水平对齐的属性

格式: text-align: right;

取值:

• left 左
• right 右
• center 中
  快捷键
• ta text-align: left;
• tar text-align: right;
• tac text-align: center;

2.3 文本缩进的属性

格式: text-indent: 2em;
取值:
   2em, 其中em是单位, 一个em代表缩进一个文字的宽度
快捷键

• ti text-indent:;
• ti2e text-indent: 2em;

·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·…·…

3.颜色属性：

常见几种设置方式：我们常用的是16进制调色，选色。

• color: red;
• color: rgb(255,0,0);
• color: rgba(255,0,0,1);
• color: #FF0000;
• color: #F00;

·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·…·……·…·…·…·…

4.标签选择器（上）：

• 后代：aa bb
• 子元素：aa>bb
• 交集：aabb
• 并集：aa，bb
• 兄弟：相邻：aa+bb 通用： aa~bb