css 基础以及基础选择器的使用

1.css引入方式
    内部（行内）样式：在标签内加入style属性
                    style="属性:属性值;"
    外部样式：在head中，加入<style>
                            选择器【选择操作哪一个元素】{
                               属性:属性值;
                               ... 
                            }
                        </style>
    外部样式：从head里面加入link标签
            <link rel="stylesheet" href="css文件地址" type="text/css">                     
2.选择器的分类与权重
        
        基本选择器：
         0001   类型选择器(标签选择器) ：以文档对象html中的标签作为选择符
                                 标签{属性：属性值；}   例：div{width：200px；}
            
         0010   Class选择器(类选择器)：想要区分某个标签的时，比如想要区分2个div。
                                <div class=“box”></div>   
                                .Class名字{属性：属性值；}  
                                    .box{width：300px；}
            Class可以给多个属性值，多个属性值之间用空格隔开。
            多个class用一个样式，则将选择器用","隔开，且两个选择器之前都要加"."
            
         0100   ID选择器(用得少)：想要区分某个标签的时，比如想要区分2个div。
                           <标签 id=“box1”></div>    
                           #ID名字{ 属性：属性值；}  
                           #box1{width:200px;}
            注意点：ID有唯一性，属性值只能是1个。