css三种样式：
1.内部样式表：内嵌式是将css代码写在html文档的head头部标签中，并且用style标签定义。
<head>
<style>
选择器{属性1；属性值1；属性2：属性值2；...}
</style>
</head>
2. 行内样式表：是通过标签的style属性来设置的样式。
< 标签名 style = "属性1：属性值1；属性2;属性值2...">
3.外部样式表
嵌入式是所有的样式放在一个或者多个以.css为扩展名的外部样式表文件中，通过link标签将外部样式表文件
链接到html文档中，基本语法：
<head>
<link href = “css文件路径” rel = “stylesheet” />
</head>
css基础选择器：
1. 标签选择器
标签名/元素名{属性1；属性值1...}；（div span）;
2.类选择器
使用“.”进行标识，后面紧跟类名
.类名{属性1，属性值1；...}
调用的时候用class=“类名”;
3.多类选择器
多个类名中间用空格隔开；
<div class="pink fontWeight font20"></div>;
4.id 选择器
使用“#”进行标识，后面紧跟id名；
#id名{属性1：属性值1；}；
id选择器与类选择器区别：
类选择器(class)好比人的名字，是可以多次重复使用；
id选择器好比人的身份证，全国唯一；两者最大的不同在于使用次数上；
通配符选择器：用“*”表示
比如清除所有HTML标识的默认边框：
* {
margin: 0;
padding: 0;
}
字体样式：
font-size 大小；font-family 字体（可以逗号隔开多个字体，表示浏览器不支持第一个字体就往后匹配，字体可以用中文、英文、unicode码）；
font-weght:粗细(normal=400;bold=700);font-style字体风格；font综合字体样式(选择器{font:font-style font-weight font-size font-family;} 不能更换顺序，
且必须保留font-size和font-family，其余没有可以忽略)。
css外观属性
color：文本颜色；line-height：行间距；text-align：水平对齐（left、right、center）；
text-indent：首行缩进；text-decoration文本的装饰（none、underline、overline、line-through）;
原文：https://www.cnblogs.com/yjiajia/p/12562003.html