day003_css基础

1. css 标签选择器 id选择器 类选择器（开发使用）

2. css 链接方式 1、内嵌式（head标签内未分离，加载速度快） 2、外链式（分离） 3、行内式

3. css后代选择器 并列选择器

    
        
        
        
    
          
        
title1
        

            
文章主题
            
title1
            
            

                 span
            
        
        
指定标签式
        
p.p
    

图片.png

4. css选择器权重 1、内嵌和外嵌的CSS先写的会被后写的覆盖 2 、id>class>标签

    
        
        
        
    
    
        
 
            

                hahahaa
            
        
        
 
            
 标签1 类10 id 100
        
        

    

权重计算.png

5. google 案例
   google.html

 

    
        
        
        
        /*外嵌式css*/
    
    
        G
        o
        o
        g
        l
        e
    

google.css

span{font-size:100px;}
.blue{color:blue;}
.login_juhong{color:#cc3300;}
.login_orange{color:orange;}
.login_red{color:red;}
.login_green{color:green;}

google.png

6.css文字常见属性

    
        
        
        
    
      
        
 font-weight:normal;
        
font-weight:bold;
        font-syle:normal;
        
font-style:italic
        a default

        a none 

        

        a overline

        a line-through

        a underline

        
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        

            
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
        
        
        
    

效果.png

7、盒子模型

    
        
        
        
    
      
    
        
aaaa

        
aaaa

        
aaaa

        
    

div3.png

框高+边框+内边距（内容+框的距离）+外边距（盒子和盒子之间对的距离）=盒子模型

8.html5 新标签 ie不支持，支持手机网页书写，提高搜索引擎对网站的优化。