CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。其中选择器通常是您需要改变样式的 HTML 元素(比如p标签),也可以是节点的属性的值(比如id,class);每条声明都是一条字典key:value,以分号(;)分隔;例如p {color:red;text-align:center;}。
CSS的使用:
1.内部样式表: 写在<head>标签里的<style>标签里。<head><style>body {background-color:green}</style></head>
2. 外部样式表:也可以放在css文件里。然后使用link或import。<head><link rel="stylesheet" href="wcss.css" type="text/css" /><head>或者<head><style>@import url(wcss.css)</style></head>
3. 内联样式:写在标签里。<div style="font-size:14px; color:#FF0000">
最好是用方式2的link
CSS的注释使用的不是html的<!-- -->注释,而是java的/* */注释。
head:
<style>
#center_red{text-align:center;color:red;} 只能被id=center_red的标签引用
.center_green{text-align:center;color:green} 只能被class=center_green的标签引用。在.之前加上页面标签则表示只能在这个标签里用,比如p.center_green就只能对class为center_green的p标签生效
</style>
body:
<p id="center_red">试试css的id</p> 在<a>里面不行
<p class="center_green">试试css的class</p>
注意:如果一个标签既被内部样式表定义、又被外部样式表定义。那么取内部样式表的定义,然后取外部样式表中声明list中key不存在内部样式表声明list中的key:value。 既。外部样式h3{color:red;text-align:left;} 内部样式h3{text-align:right;font-size:20pt;} 那么最终h3的样式为{color:red;text-align:right;font-size:20pt;}. 优先级顺序是内联、内部、外联、浏览器缺省设置。