CSS语法结构
选择符{属性:值} 例:body{font-size:12px}
参数说明:
1.选择符(selector):
指明这组样式所要针对的对象。
可以是一个XHTML标签,如body,h1 ,也可以是定义了特定的id或class的标签,
如#main选择符表示选择<div id="main">,即一个被指定了main为id的对象
2.属性(proprety):
选择符的样式属性,如颜色,大小,定位,浮动方式等。
3.值(value):
是指属性的值。
4.同时可以为一个选择符定义多个属性,每个属性之间用分号 ; 来分隔。
---------------------------------
CSS在网页中的应用方式:
1.内联式样式表:直接写在现有的标记中,
如:<p style="color:red">这里文字是红色的</p>
2.嵌入式样式表:使用"<style></style>"标签嵌入到HTML文件的头部中<head>标记内,如:
<style type="text/css">
<!--
body{background:white;color:black;}
-->
</style>
<!-- -->用于当浏览器不支持样式表时,不会将样式表内容显示出来。
3.外部链接式样式表:将样式表写在一个独立的 .css 文件中,
然后在页面head区<head>标记内用<link>标签调用它,
主要用于实现表现与结构分离,如:
<link href="main.css" rel="stylesheet" type="text/css" />
4.导入式样式表:导入式样式表与链接式样式表的功能基本相同,只是语法和动作方式上略有不同,
同样也将导入样式代码写在<head>标记内。如:
<style type="text/css">
@import url("basic.css");
</style>
原文地址:http://1154179272.blog.51cto.com/10217799/1657203