CSS分类

样式的分类：
1.行内样式

<p style="color:red; font-size:900px;">这是一个段落</p>

2.内部样式

        <style type="text/css">
            p{
                font-size:70px;
            }
        </style>

3.外部样式
1.链接：

<link href="Untitled-4.css" rel="stylesheet" type="text/css" />

2.导入：

            <style type="text/css">
                @import url("Untitled-2.css");
            </style>

样式冲突：
行内样式>内部样式+外部样式（按顺序，顺序靠后的是最终样式）
说明：一般情况下，导入样式和内部样式放置在不同的style标签中

特殊顺序：
在样式规则后加 !important，该样式不能被覆盖

选择器分类：
1.标签选择器

        a{
            font-size:50px;
            color:blue; 
        }

2.类选择器

.fire{
            color:red;  
        }

3.ID选择器

        #test{
            font-family:'楷体';
            color:yellow;
        }

4.属性选择器

        [title]{
            color:black;
        }

选择器的顺序：
ID选择器>属性选择器>类选择器>标签选择器

选择器组合：
1.后代选择器

        div li{
            color:red;  
        }

2.子元素选择器

        li>a{
            color:red;  
        }

3.组合选择器

        div#test{
            color:red;
        }

4.相邻兄弟选择器

        [href]+p{
            color:red;  
        }

5.兄弟选择器

        a~p{
            font-size:40px;
        }

6.选择器分组

        h1,[href],span a,.size,a#test,#myID{    
            font-size:30px;
        }