CSS

• 1.基本介绍
• 2.css和html结合方式
• 3.css语法
• 4.选择器
• • 4.1 基础选择器
  • 4.2 组合选择器
• 5.常用样式

1.概念： Cascading Style Sheets 层叠样式表
	* 层叠：多个样式可以作用在同一个html的元素上，同时生效

2. 好处：
	1. 功能强大
	2. 将内容展示和样式控制分离
		* 降低耦合度。解耦
		* 让分工协作更容易
		* 提高开发效率

	1. 内联样式
		 * 在标签内使用style属性指定css代码
		 * 如：hello css
	2. 内部样式
		* 在head标签内，定义style标签，style标签的标签体内容就是css代码
		* 如：
			
		        div{
		            color:blue;
		        }
		
		    
			hello css
	3. 外部样式
		1. 定义css资源文件。
		2. 在head标签内，定义link标签，引入外部的资源文件
		* 如：
    		* a.css文件：
				div{
				    color:green;
				}
			
			hello css
			hello css

	* 注意：
		* 1,2,3种方式 css作用范围越来越大
		* 1方式不常用，后期常用2,3
		* 3种格式可以写为：
			
		        @import "css/a.css";
		    

* 格式：
		选择器 {
			属性名1:属性值1;
			属性名2:属性值2;
			...
		}
	* 选择器:筛选具有相似特征的元素
	* 注意：
		* 每一对属性需要使用；隔开，最后一对属性可以不加；

    
    
    


    
hello css
    
呵呵

			1. id选择器：选择具体的id属性值的元素.建议在一个html页面中id值唯一
		        * 语法：#id属性值{}
		    2. 元素选择器：选择具有相同标签名称的元素
		        * 语法： 标签名称{}
		        * 注意：id选择器优先级高于元素选择器
		    3. 类选择器：选择具有相同的class属性值的元素。
		        * 语法：.class属性值{}
		        * 注意：类选择器选择器优先级高于元素选择器

    
    
    


    
传智播客
    
黑马程序员
    
黑马学院

组合选择器格式：
	选择器1，选择器2，选择器n{
		属性:属性值
	}
	组合选择器可以让多个选择器共用一个css代码样式。

    
    
    


    
div标签


    
div标签

    
    
    


    
我是div标签
    百度
    

        

            

                呵呵
            
            

                嘿嘿
            
        
    
    

        
1111111
        
1111111
        
1111111
        
1111111
    

运行结果