本来html只是为了写文本,并不关心字体,颜色之类的东西,后来加入了字体和颜色,但是随着网页越来约复杂,就意味着要在每一个页面都要添加字体等等东西,耗时费事。
于是w3c就创建了css,用于专门定义样式。这样html就不用管这个东西,只需要定义好标签,分好段,然后在css里面来定义具体的显示方式就行了。
除了html可以和它结合使用之外,其它的标记语言也可以和它结合使用,比如XML文件。
1.语法:
主要有2部分,一部分是:selector,一部分是one or more declarations
比如: h1 {color:blue; font-size:12px;}
selector是html中的元素,每一个declaration又包含一个property和一个value,property就是你想改变的属性,每一个declaration都以分号结尾。
如下的写法比较清楚方便:
p{
color:red;
text-align:center;
}
注意:如果你在一个大的范围定义了一些样式,然后想让一些有特殊意义的部分以其它样式显示的话,那么只需要添加一个响应的小标签
比如:
body{ }
p, ul, li{ }
还有,如果为同一个selector定义了多次属性,有重叠的按照后面定义的来
2.注释
注释就是格式
3.id selector
html用于设定唯一的单个元素,然后在css中,必须是以"#"开头,进行属性的定义。
举例:比如在html中有个<div id="menu">的,那么在css中就可以有一个#menu,然后开始定义属性
假如menu里面有一个p,你想专门定义它的样式,那么就用 #menu p{ } 来定义
4.class selector
和id不同的是,class一般用于一组或者多个元素的设定。这样的话,你在html里面定义一个class,然后就可以在css里面一起把他们定义了,在css中,class的定义必须是以"."开头。比如说
.center{
font-size:14pt;
text-align:center;
}
当然,除了整体定义外,还可以局部进行,我的理解是,比如说有很多<p></p>每个里面也许都有一个类似的东西比如说标题需要定义,那么给他们加上一个class,headline,然后在p.headline里面来定义属性。
5. 添加css的方法
1)external CSS file:在<head></head>里面添加 <link rel="stylesheet" type="text/css" href="xxx.css" />
2)inside the head section of an HTML page
3)inside an HTML element
如果有重叠的话,那么按照3,2,1的优先级,级联成为一次定义