第七章 CSS構(gòu)造快
7.1 構(gòu)造樣式規(guī)則
每條規(guī)則有兩個(gè)主要部分:
選擇器selector
聲明塊declarationblock
h1 {
color: red
屬性 值
}
7.2 為樣式規(guī)則添加注釋
/**/
7.3 理解繼承
會(huì)被集成的屬性：
◎ 文本
? color(顏色,a 元素除外) ? direction(方向)
? font(字體)
? font-family(字體系列) ? font-size(字體大小)
? font-style(用于設(shè)置斜體)
? font-variant(用于設(shè)置小型大寫字母) ? font-weight(用于設(shè)置粗體)
? letter-spacing(字母間距)
? line-height(行高)
? text-align(用于設(shè)置對(duì)齊方式)
? text-indent(用于設(shè)置首行縮進(jìn))
? text-transform(用于修改大小寫)
? visibility(可見性)
? white-space(用于指定如何處理空格) ? word-spacing(字間距)
◎ 列表
? list-style(列表樣式)
? list-style-image(用于為列表指定定制的標(biāo)記) ?
list-style-position(用于確定列表標(biāo)記的位置) ?
list-style-type(用于設(shè)置列表的標(biāo)記)
◎ 表格
? border-collapse(用于控制表格相鄰單元格的邊框是否合并為單一邊框) ?
border-spacing(用于指定表格邊框之間的空隙大小)
? caption-side(用于設(shè)置表格標(biāo)題的位置)
? empty-cells(用于設(shè)置是否顯示表格中的空單元格)
◎ 頁面設(shè)置(對(duì)于印刷物)
? orphans(用于設(shè)置當(dāng)元素內(nèi)部發(fā)生分頁時(shí)在頁面底部需要保留的最少行數(shù)) ?
page-break-inside(用于設(shè)置元素內(nèi)部的分頁方式)
? widows(用于設(shè)置當(dāng)元素內(nèi)部發(fā)生分頁時(shí)在頁面頂部需要保留的最少行數(shù))
◎ 其他
? cursor(鼠標(biāo)指針)
? quotes(用于指定引號(hào)樣式)
7.4 層疊： 當(dāng)規(guī)則發(fā)生沖突時(shí)
1. 特殊性
2. 順序
3. 重要性
4. 小結(jié)
7.5 屬性的值
1.inherit
2.預(yù)定義的值
3.長度和百分?jǐn)?shù)
一個(gè)em的長度大約與對(duì)應(yīng)元素的字號(hào)相等丈甸！
4.純數(shù)字
lineheight z-index opacity
5.URL
6.CSS顏色
7.RGB
8.十六進(jìn)制數(shù)
9.更多CSS3提供的指定顏色的方式 RGBA HSLA HSL
HSL 色相 hue 飽和度 saturation 飽和度 lightness亮度
~
第八章 操作樣式表
如何將CSS應(yīng)用到多個(gè)網(wǎng)頁（包括整個(gè)網(wǎng)站）:
外部樣式表（首選方法）
嵌入式樣式表
內(nèi)聯(lián)樣式（最不可取的方法）
8.1 創(chuàng)建外部樣式表
創(chuàng)建外部樣式表的步驟：
1.在你選擇的文本編輯器中創(chuàng)建一個(gè)新文檔链嘀。
2.為網(wǎng)頁定義樣式規(guī)則盟萨，根據(jù)需求在CSS中添加注釋
3.將文檔以純文本格式保存在希望放置的目錄中（.css擴(kuò)展名）
8.2 連接到外部樣式表
<link rel="stylesheet" href="style.css"/>
8.3 創(chuàng)建嵌入式樣式表
<style>
</style>
8.4 應(yīng)用內(nèi)聯(lián)樣式
style=""
8.5 樣式的層疊和順序
基本規(guī)則：在其他條件相同的情況下房匆，越晚出現(xiàn)的樣式表優(yōu)先級(jí)越高神郊。
8.6 使用與媒體相關(guān)的樣式表
可以指定一個(gè)只用于特定輸出的樣式表临谱，比如用于打优荏荨！
link或style元素的開始標(biāo)簽中添加media="output"
8.7 借鑒他人的靈感
查看其他設(shè)計(jì)人員的css的代碼