Node.1

1.Css定义基本规则:

H1    {      color:   red;   }
ê    ê ê
选择符     属性  值

选择符以是单个选择符也可是多个选择符的组合,属性之间以"；"号间隔在{}内，单个属性多个值之间以空格分隔。

如：H1,H2,H3,P{color:red;font-size:12px;margin:0px 2px  0px 2px;}

2.类选择符与ID选择符

①类选择符
• 类名{属性：值;}
例：.textcolor{color:red;}
与HTML元素组合定义       p.textcolor{color:red}

<style type="text/css">
<!--
.textcolor{color:red;}
p.textcolor{color:blue;}
-->
</style>

<P class="textcolor">Hello world,Hello css</p>

<div class="textcolor">Hello world ,Hello css</div>

②ID选择符
#ID名{属性:值;}
例：
定义#textcolor{color:red;}
引用<p id="textcolor">ID选择符</p>

同样，ID选择符也可以与HTML 元素组合定义