从博客园主题了解前端 - CSS

前篇内容

从博客园主题了解前端 - HTML

规则

格式:选择器 { 属性:值; }
案例: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.多重样式下优先级
内联样式>内部样式>外部样式>浏览器样式

猜你喜欢

转载自www.cnblogs.com/long-bky/p/12595797.html