厚积薄发-CSS

CSS Cascading style sheet层叠式样式表

它可以实现网页内容与表现形式的分离。使得网页维护更加简单,同时也使得网页体积更加小巧,节省资源。
总的来说,就是设置网页各个组成部分的表现形式。
css由对象,属性,与值组成。好像描述一个人:姓名,身高等各项属性,身高多少等属性值。

-----------------------------------------------

css导入方式有:
1)行内样式
<P style="font-size:20px;">
2)内嵌式
<style>
h1
{
color:red;/*设置为红色*/
}
</style>
<h1></h1>
3)外部样式表
<style>
#import url(sheet1.css);
</style>
4)链接式
<link href="sheet1.css"type="text/css" rel="stylesheet">
优先规则:
行内>ID>类别>标记

----------------------------------------------------------
css对应选择:
1)标记法:
<style>
h1
{
color:red;/*设置为红色*/
}
</style>

2)类别法:
<style type="text/css">/*规范,效果一样的*/
.red
{
color:red;
}
</style>

3)ID法
#bold
{
font-size:bold;
}
调用
<P id="bold">

ID只能被html引用一次,而类别则没有这个规定。

 

posted @ 2010-10-19 00:56  1店小二  阅读(211)  评论(0编辑  收藏  举报