CSS的使用
1、什么是层叠样式表?
CSS是Cascading Style Sheet(层叠样式表)的缩写
2、样式语法:
Selector {property:value} 选择器 {属性:值}
(CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)。)
3、样式表的练习
内联样式:
<p>
<font face="黑体" size="20" color="blue">
这是一个段落、、、、这是一个段落、、、、这是一个段落、、、、这是一个段落、、、、
</font>
内部样式块:
<head>
<style>
p{
font-family:黑体;
font-size:24pt;
color:blue;
}
div{
font-family:黑体;
font-size:24pt;
color:red;
}
</style>
</head>
<body>
<p>这是一个段落、、、、</p>
<p>这是一个段落、、、、</p>
<p>这是一个段落、、、、</p>
<div>这是一个段落2、、、</div>
<div>这是一个段落2、、、</div>
<div>这是一个段落2、、、</div>
</body>
外部样式表:
新建一个文档
p{
font-family:黑体;
font-size:24pt;
color:blue;
}
div{
font-family:黑体;
font-size:24pt;
color:red;
}
第二文档
<body>
<p>这是一个段落、、、、</p>
<p>这是一个段落、、、、</p>
<p>这是一个段落、、、、</p>
<div>这是一个段落2、、、</div>
<div>这是一个段落2、、、</div>
<div>这是一个段落2、、、</div>
</body>
样式表等级排序
外部样式表 < 内部样式表 < 内联样式