HTML之CSS——CSS文本样式

一.字体

https://www.w3school.com.cn/css/css_font.asp
字体属性

参考

1.font属性

字体属性的顺序：字体风格--->字体粗细--->字体大小--->字体类型
eg:
p span{font:oblique bold 12px "楷体"；}

示例

二.文本

https://www.w3school.com.cn/css/css_text.asp
文本属性

属性

2.行高

示例

3.首行缩进

示例
示例

三.伪类

https://www.w3school.com.cn/css/css_pseudo_classes.asp
伪类选择元素基于的是当前元素处于的状态。由于状态是动态变化的，所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变时，它又会失去这个样式。

属性

4.：hover

示例
示例

四.网页背景

示例
示例
示例
示例
结果
示例
结果

五.列表样式

5.去掉圆点

示例

六.web字体

http://www.fontawesome.com.cn/
这个是Fontawesome的官网，你可以在里面下载你想要的库，以及查找对应的图标。

图标
图片
这是里面所对应的图标内容
如果你不知道怎么下载，那么我在这里提供百度云链接~
链接：https://pan.baidu.com/s/1YsRjE-hy2bAXypbV7VQgRA
提取码：8rfl

• 步骤：
  1.将这个包解压以后整个拖入到项目的css文件中

  
  步骤
  

  2.写代码

  
  代码
  注意这个link一定要引入整个包的.
  3.结果
  结果
• 注意：
  1.可以通过设置CSS前缀fa和图标的具体名称，来把Font Awesome图标放在任意位置。Font Awesome被设计用于行内元素（更经常用简短的<i>标签，它的语义更加准确）
  2.如果修改了图标容器的字体大小，图标大小会随之改变，同样也适用于颜色。

（此文章仅作为个人学习笔记使用，如有错误欢迎指正~）