一、今日学习内容1、 字体外观
(1)font-family
(2)注意点:字体之间要用英文的逗号隔开;字体由多个英文单词构成,用引号引起来;尽量使用系统默认的字体
(3)CSS里的Unicode字体:可以避免乱码的产生
2.字体大小
(1)font-size
(2)用px(像素单位)来控制字体大小
(3)不同的浏览器可能会有不同的默认字体大小,在编码时尽量给出一个明确的字体大小的值,不要用默认的大小
(4)在body标签中去设置整个页面的字体大小
3. 文字样式
(1)font-style
(2)属性值:normal、italic
4.字体粗细
(1)font-weight
(2)400代表正常字体大小,700代表加粗字体
5.字体的复合属性:节约代码
6.文本颜色
(1)color
(2)属性值:英文字母、十六进制码、RGB代码
7.文本对齐
(1)text-align
(2)属性值:left、right、center
8.文本装饰
(1)text-decoration
(2)属性值:none、underline、overline、line-through
9.文本缩进
(1)text-indent
(2)属性值:固定像素单位、相对单位
10.行间距:line-height;值可以写具体的像素值,也可以写倍数;将行高设置为和当前元素的高度一致即可设置文本为垂直居中
11.控制文本达到边界是否换行
(1)white-space
(2)属性值:normal、nowrap
12.行内样式表:直接在元素内部写style属性,将要设定的属性值写在style=后面
13.内部样式表:内部样式是写到HTML页面内部的,在<head></head>标签中的<style></style>标签中书写
14.外部样式表:
(1)外部样式表是实际开发中最常用的,核心是将CSS代码单独放到CSS文件中,再将文件引入到HTML文件中进行使用
(2)引入外部样式表的步骤:先创建一个CSS文件,在文件中书写代码;在HTML页面中使用<link>标签引入这个文件即可
(3)通过引入一个CSS文件来间接引入多个CSS文件
15.Emmet语法:这个语法可以帮助我们使用缩写来提高编写HTML/CSS的速度,VScode中已经将该语法进行了集成。
二、今日问题 无 三、解决方案 无
|