级联样式表和动态html
层叠样式表(CSS)是指定HTML文档或XML文档的表现的标准。
使用CSS和Javascript,可以创建出各种视觉效果,这些效果可以统称为动态HTML(DHTML)
CSS样式是一个名称/值的属性列表指定的,属性之间用分号隔开,名字属性和值属性之间用冒号隔开。
一、css样式和样式表
1、css样式表
2、文档元素应用样式规则
- 在HTML标记的style属性中使用它们。
如:<p style=margin-left:Lin;margin-right:lin;"/> - 使用样式表 stylesheet文件
css样式表由样式规则的集合构成。
每条规则以一个选择器开头,它指定文档元素,其后是用大括号括起来的样式属性和它们值的集合
3、层叠(又称级联)
CSS中的C代表cascading 。这个术语说明应用到文档中指定元素的样式规则来自不同的层叠。
<html>
<head>
<title>层叠</title>
<style type="text/css">
p{
color:#000;
}
.red{
color:#fab;
}
.purple{
color:#eaeaea;
}
#lineTree{
color:#f00;
}
</style>
</head>
<body>
<p >111111111111</p>
<p class="red">22222222222</p>