cascading style sheet

css是cascading style sheet 層疊式樣式表的簡寫。

一些常見的屬性

字元顏色：

color:red;

color屬性的值，可以是英語單詞，比如red、blue、yellow等等；也可以是rgb、十六進位制。

字號大小：

font-size:40px;

font就是“字型”，size就是“尺寸”。px是“畫素”。
單位必須加，不加不行。

背景顏色：

background-color: blue;

background就是“背景”。

加粗：

font-weight: bold;

font是“字型” weight是“重量”的意思，bold粗。
 

不加粗：

font-weight: normal;

normal就是正常的意思

斜體：

font-style: italic;

italic就是“斜體”

不斜體：font-style: normal;

下劃線：

text-decoration: underline;

decoration就是“裝飾”的意思。

沒有下劃線：

text-decoration:none;

基礎選擇器

標籤選擇器

 body {
            font-family: "Microsoft YaHei UI", serif;
            font-size
 
: 14px;
}

id選擇器

#表示選擇id
同一個頁面內id不能重複

#a {
            font-family: "Microsoft YaHei UI", serif;
            font-size: 14px;
}

類選擇器

.表示選擇類。
類可以重複

.a {
            font-family: "Microsoft YaHei UI", serif;
            font-size: 14px;
}

後代選擇器

空格就表示後代

div .a {
            font-family
 
: "Microsoft YaHei UI", serif;
            font-size: 14px;
}

交集選擇器

交集選擇器沒有空格。

div.a {
            font-family: "Microsoft YaHei UI", serif;
            font-size: 14px;
}

並集選擇器（分組選擇器）

用逗號就表示並集。

div,a {
            font-family: "Microsoft YaHei UI", serif;
            font-size: 14px;
}

萬用字元*

*就表示所有元素。
效率不高，如果頁面上的標籤越多，效率越低，所以頁面上不能出現這個選擇器。

 * {
            margin: 0;
            padding: 0;
 }

兒子選擇器

IE7開始相容，IE6不相容。

    div>p{
        color:red;
    }

序選擇器

IE8開始相容
選擇第1個li：

ul li:first-child{
    color:red;
}

選擇最後一個1i：

ul li:last-child{           
    color:blue;
}

下一個兄弟選擇器

IE7開始相容
+表示選擇下一個兄弟

h3+p{
    color:red;
}

哪些屬效能繼承？

color、 text-開頭的、line-開頭的、font-開頭的。
這些關於文字樣式的，都能夠繼承； 所有關於盒子的、定位的、佈局的屬性都不能繼承。