第二章:选择符和结构
一、基本规则
一条最简单的rule
H1{color:purple;}
选择符:{声明(属性:值);}

一组简单的样式规则
body{color:black;background:white;}
H1{color:purple;}
H3{color:gray;}
STRONG{color:red;}
EM{color:maroon;}
效果图如下:

声明
声明的格式是固定的,":"作为开始,";"作为结束、若使用多个关键字作为一个属性的值,通常用空格将它们分开。
如:P{front:medium Helvetica;}
二、分组
2.1 分组选择符
若H2和P都是红色的文本,则可以这样:H2,p{color:red;}
分组也有一些有趣的选择方式,下面这些样式表作用都是一样的,每一个样式表都显示了一种不同的分组方式—而它们所得到最终效果都是一样的。
===========第一个==============
H1{color:purple;background:white;}
H2{color:purple;background:green;}
H3{color:white;background:green;}
H4{color:purple;background:white;}
B{color:red;background:white;}
============第二个==============
H1,H2,H4{color:purple;}
H2,H3{background:green;}
H1,H4,B{background:white;}
H3{color:white;}
B{color:red;}
============第三个==============
H1,H4{color:purple; background:white;}
H2{color:purple;}
H3{color:white;}
H2,H3{background:green;}
B{color:red; background:white;}
=================================
效果图如下:
2.2 分组声明
很简单滴,看下面的实例就知道了,不要被这些复杂的概念打倒,真的很简单。
H1{font:18pt Helvetica;}
H1{color:purple;}
H1{background:aqua;}
======分组后========
H1{font:18pt Helvetica; color:purple; background:aqua;}
2.3同时分组
p44,明天再看,要吃饭了