小马的网志

一切问题都是时间问题,任何烦恼都是自寻烦恼

CSS学习笔记(二)

第二章:选择符和结构
一、基本规则
        一条最简单的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,明天再看,要吃饭了

 

« CSS学习笔记(一)停不了的思念 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Copyright 2007-2009 by thequietsnow.com Desgin by Snow Powered By Z-Blog
版权许可协议: 知识共享署名-非商业性使用-禁止演绎 2.5 中国大陆许可协议

无觅相关文章插件,快速提升流量