WEB前端学习-CSS3-02

1.CSS样式的层叠性

层叠性就是说对同一个文本进行设置的时候最后设置的样式会覆盖掉前面设置的样式




    
    CSS样式的层叠性
    


    

效果如下

WEB前端学习-CSS3-02_第1张图片
层叠性

2.CSS的复合样式




    
    CSS中的复合样式的设置方法
    


    

3.CSS中的display

在CSS中可以用display将一个行内标签变成块级标签,简单的说块级标签就是独占一行的标签。行内标签可以和其他标签公用一行。
在这里要注意行内标签和块级标签有以下区别:

WEB前端学习-CSS3-02_第2张图片
区别



    
    display对标签进行设置
    


    
    这是一个strong标签
    这是第二个strong标签
    这是一个span标签
    
    
这是一个div标签
这是一个行内块标签

4.颜色的设置的几种方式




    
    颜色设置的几种方式
    


    
第一种颜色的设置方式
第二种颜色的设置方式

第三种颜色的设置方式

5.字体的格式设置




    
    字体的格式设置
    


    

这是第一个段落标签

这是第二个段落标签
这是第三个段落标签
这是第四个段落标签

6.字体样式的设置




    
    字体样式的设置
    


    

这是一段用来演示的demo

7.设置字间距




    
    设置字间距
    


    

这是一段测试文本,百度网址是:http://www.baidu.com

这是第二段 测试文本, I am iron man

你可能感兴趣的:(WEB前端学习-CSS3-02)