前篇内容
规则
格式:选择器 { 属性:值; }
案例:p {color:red;}
注释:/*这是注释*/
选择器
项 | 描述 | 案例 |
---|---|---|
# | 选择元素中的id | #exp1{color:red;} |
. | 选择元素中的class | .exp2{color:red;} |
样式表
1.外部样式:将css样式保存到mystyle.css文件中,在文档html中引用
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
2.内部样式:
<head>
<style>
body {background-image:url("images/back40.gif");}
</style>
</head>
3.内联样式
<p style="color:red;">这是一个段落</p>
4.多重样式下优先级
内联样式>内部样式>外部样式>浏览器样式