- CSS字体属性
- 字体外观
- CSS使用font-family属性来定义文本的字体外观
- CSS 里的 Unicode字体
- 概念
- 在CSS中设置字体名称时，直接写中文是可以的，但是在文件编码不匹配的情况下（GB2312、UTF-8等）会产生乱码的情况，在CSS中直接使用Unicode编码来表示字体可以避免这些问题文本装饰
- CSS使用text-decoration来进行文本的装饰
- 属性值
- underline：下划线，a标签自己默认带着下划线
- 文本缩进
- CSS中使用text-indent属性来设置文本的缩进，通常在段落的首行使用。
- 属性值：
- 固定像素单位，可以给定指定单位，但是不够灵活，数值一般是正值
- 相对单位：1em 就是当前元素（font-size）的大小的1倍。如果当前元素没有设置大小，会按照父元素的文字大小进行缩进
CSS的引入方式
行内样式表
直接在元素内部写style属性，将要设定的属性值写在style=后面
例
注意点：
在双引号中书写样式时要复合CSS的语法规范
开发中不常用，更多情况下还是使用外部样式表来进行样式书写
内部样式表
内部样式表是写到html页面内部的，在<head></head>标签中的<style></style>标签中书写
例
注意点：
通过这种方式虽然可以实现控制页面中结构的样式，但是没有完全实现结构和样式的分离
练习的时候我们通常采用内部样式表
Emmet语法
这个语法可以帮助我们使用缩写来提高编写html/css的速度，VScode中已经将该语法进行了集成。
具体的语法使用如下：
1、直接输入标签 使用tab来自动补全
2、快速生成多个标签
3、生成父子级标签
4、生成兄弟级标签
5、快速生成带id属性或者class属性的标签
6、使用自增符号$, 来实现类名的区分
7、生成标签时可以直接写入内容
- 遇到的问题：作业有一个图片出问题了
- 解决方法：问同学
|
