四种样式
1、行内样式
开始标签内style，与网页同时加载：<p style="color:red;" ></p>
2、嵌入样式
<head>中<style>内，与网页同时加载：<style type="text/css"></style>
3、外部样式
<head>中<link>引用，页面加载时同时加载css样式表：<link href="" rel="seylesheet" type="text/css">
4、导入式 @import
在样式代码最开始处，读取完HTML文件后加载：@import "css.css" 或者 @import url(css.css);
优先级：行内>内嵌>外部
选择器
1、标签选择器：权值为1
h1,h2,h3,p,div,span
2、类选择器和伪类：权值为10
类(class)可以应用到多个元素：.name 伪类：:hover
3、ID选择器：权值为100
不能原则上不能出现相同的ID：#name
4、通配符（全局）选择器：权值为0 *{}
5、行内样式：权值为1000
为多个选择器应用同一种样式时用英文逗号隔开“,“
用多个选择器来选中一个元素时用空格隔开
多个选择器权值计算规则：没类选择器的个数乘以相应的权值，所得值相加
权值相同时后加载的被显示，权值不同显示权值高的样式
继承：子元素可以继承父元素设置的样式（部分样式不能继承）
层叠：可以分开定义多个样式，不冲突时，多个样式可层叠为一个，冲突时，按不同样式规则优先级来应用样式
