菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育
标题:
孙科-前端预科-20221110
[打印本页]
作者:
Sunke丶
时间:
2022-11-10 19:22
标题:
孙科-前端预科-20221110
CSS字体属性
字体外观
CSS使用font-family属性来定义文本的字体外观
CSS 里的 Unicode字体
概念
在CSS中设置字体名称时，直接写中文是可以的，但是在文件编码不匹配的情况下（GB2312、UTF-8等）会产生乱码的情况，在CSS中直接使用Unicode编码来表示字体可以避免这些问题文本装饰
CSS使用text-decoration来进行文本的装饰
属性值
none：默认值，没有装饰线（最常用）
underline：下划线，a标签自己默认带着下划线
overline：上划线，基本不用
line-through：删除线
例
文本缩进
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、生成标签时可以直接写入内容
8、快速生成css代码
遇到的问题：作业有一个图片出问题了
解决方法：问同学
欢迎光临 菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)
Powered by Discuz! X3.4