html+CSS之文档样式（一）

今天学习了样式方面的知识，于是写一下自己的心得，和大家分享一下~ ~

---

文档样式：

• 以出现在文档内。

如：
   

• 每一条规则分两部分：选择器、一组属性与值。

       如：selector  {属性1:值1; 属性2:值2; ...;}

1. 标签选择器
   顾名思义，就是可以通过标签来设计其样式，也就是作用于整个文档的制定标签。适用于设计同一标签且样式一样的。

   
   
   
   	
   
   
   
   	
   样式设计
       
   标签选择器
       
   一起学习样式
   

   效果图：
   

          2.类选择器

          1） 作用于多种不同的标签，适合用于设计不同标签但样式相同的标签。

	



	
样式设计
    
标签选择器
    
一起学习样式

效果图：

 

     2）类选择器也可以作用于同一标签的不同实例。

	



	
样式设计
    
类选择器

效果图：

 3.id选择器
     只能做用于文档中唯一的一个标签实例。（id在同一个页面也可以用好几次）

4.通配选择器
  适用于文档中的所有标签，可以定义所有标签的样式。适用于全局配置。

	



	
样式设计
    
类选择器
    
配置选择器
    
标签选择器

效果图：

（从效果图可以看出，在配置选择器的作用下，类选择器优先级更高。）

5.上下文选择器
   限定于文档上某些特定位置上的元素，一共有两种写法：
   1）写法一： 

  
    

  

      
样式作用的文字其他文字
    
      
      
其他文字

效果图：

 2）写法二：

  
    

  

    
应用id继承
    
应用id继承
  
      
没有应用id继承
      
没有应用id继承

效果图：