CSS
的使用方式有三种：内联
<p style=""></p>
；内部样式，在
head
加入
<style></style>
定义
css
，
body
中引用；外部样式，
css
放在一个外部文件中，
head
中用
<link src="">
加载，
body
中引用和内部样式使用方法相同。
再来点基础的，
css
定义有三种：
直接标签定义如，
p{
具体风格代码
}
效果范围是
body
中所有的
p
标签；根据
ID
号定义，
#p1{
具体风格代码
}
效果范围是
body
中
id="p1"
的标
签；自定义，
.p1{
具体风格代码
}
body
中标签以
class="p1"
进行引用；
一、
CSS
的语法是比较灵活的，比如可以同时定义两个
css
名使用同一种风格，中间以逗
号分隔，如：
.
.p1
，
.p2{
具体风格代码
}
或
.p1
，
#p2,p{
具体风格代码
}
，意思为，自定义的
p1
风格，
id
号为
p2
的风格，
<p>
标签的风格。
二、
接上，也可以
.p1
，
.p2{
具体风格代码
}
.p2{
具体风格代码
}
好处是把自定义
p1
和
p2
相同的部分放在
.p1
，
.p2{
具体风格代码
}
不同部
分
.p2
再定义。
三、
前面自定义好的风格，在引用时
class="
自定义风格
"
，也给了我们充分的灵活，可以
引用多个自定义风格，以空格间隔，如：
.p1{
具体风格代码
}
.p2{
具体风格代码
}
引用时
<p class="p1 p2">
1、内联式：<div style="css样式写在这">...</div>
2、外联式：
<style>
选择器 {css样式写在这}
</style>
3、外链式：
<link rel="stylesheet" href="css文件url写在这" />
