一.今日学习内容：CSS字体属性：
1.字体外观：
css使用font-famiky属性来定义文本的字体外观。
font-family属性中写多个属性值的意义：
当浏览器打开我们的html页面时，要对页面的字体进行识别。
注意点：
各个字体之间要用英文隔开；一般情况下如果字体是由多个英文单词组成，那么就要用引号将字体包起来；尽量使用系统默认字体，保证在任何用户的浏览器中都能正常显示的。
css中dunicode字体
概念：
在css设置字体名称时，直接写中文是可以的，但是在文件编码不匹配的情况下，会产生乱码，在css中直接使用unicode编码来表示字体，可以避免这些问题。
2.字体大小：
css使用font-size来控制字体大小。
注意点：
使用px控制像素的大小；谷歌浏览器默认字体大小是16px；不同浏览器可能有不同的默认字体大小，所以我们尽量给一个明确的字体大小的值，不要用默认大小。
一般情况下我们会在body中设置整个页面的字体大小。
3.字体风格：
css使用font-style来设置文本的风格。属性值：normal（默认值，浏览器会显示的标准的字体模式。）
属性值：italic（浏览器会显示斜体的字体样式）。
注意点：
平时我们很少给文字添加斜斜体样式，通常情况下是给斜体标签<em><i>改为常用的显示的字体（不倾斜）。
4.字体粗细：
css使用font-weight属性来设置文本的粗细。
常用值：400代表细，700代表粗。
注意点：属性值后面不加像素单位。
5.字体的复合属性：
字体的属性可以把上述的字体的样式来综合书写，这样可以节约代码。
注意点;
使用font时，不可以省略font-size和family属性，否则font会失效。
font-style和weight可以进行省略的，不写这俩个属性，就会选择默认值进行设置。
使用font属性时，要严格按照固定的顺序来进行书写，不能更换顺序，各个属性之间要用空格隔开。
font：style weight，size/line-height ，family
CSS的文本属性:
1.文本颜色：
css使用color属性来设置文本的颜色。
属性值：预定义的英文单词来设置颜色，red，blue等等；十六进制的：#FF0000等，网页中设置颜色的主要方式;RGB代码进行设置，rgb（255，0）
2.文本对齐：
CSS里面使用text-align属性来设置文本中的水平对齐方式。
属性值：
right，left（默认值），center
3.文本装饰：
css里边使用text-decoration来进行文本装饰。
属性值：
none，默认值，没有装饰线（最常用）。
underline:下划线，a标签自己默认值带着下划线。
overline：上划线，基本不用。
line-through：删除线。
4.文本缩进：
css中使用text-indent属性来设置文本的缩进，通常段落首行使用。
属性值：
固定像素的单位，可以给指定单位，但是不够灵活，数值一般是正值。
相对单位：
em就是当前像素（font-size）的大小的一倍，如果当前元素没有设置大小，会按照元素的文字的大小来进行缩进。
5.行间距：
css中用line-height设置行高，
6.控制文本达到边界是否换行：
属性是：white-space
属性值normal
nowrap
CSS的引入方式
三种，行为样式表，内部样式表，外部样式表。
Emmet语法
可以使用缩写来提高代码的编写速度，vscode中已经将该语法进行了集成。
具体方法：
1.直接输入标签，使用tab自动补全。
2.快速生成多个标签。
3.生成父子标签。
4.生成兄弟标签。
5.快速生成带id属性的class属性的标签。
6.使用增删符$来实现类名的区分。
7.生成标签时可以直接写入内容。
8.使用tac来生成text-align：center。
二,今日问题：
无。
三.解决方案：
无。
|
