1) css的建立與使用
插入樣式表方法
–a) 外部樣式表
當樣式需要應用於很多頁面時，外部樣式表是理想的選擇。
格式：
"stylesheet"
type="text/css" href="test.css">
當單個文件需要特殊的樣式是，就應使用內部樣式表。
type="text/css">
body
h1h2pp
.no2
style>
head>
type="text/css">
body
h1h2pp
.no2
style>
head>
將表現和內容混雜在一起，內聯樣式會損失樣式表的優勢。
style="color: sienna; margin-left: 20px">標題h1h1>如果某些屬性在不同的樣式表中被同樣地選擇器定義，則屬性值將從更具體的樣式表中繼承過來。
2) css語法
–a) css基礎語法
css規則由兩個主要的部分構成：選擇器，以及一條或多條宣告。
selector
每條宣告由乙個屬性和乙個值組成。
–b) 選擇器的分組
可以對選擇器進行分組，被分組的選擇器就可以分析相同的宣告。
h1, h2, h3, h4
根據css，子元素從父元素繼承屬性，但是他不總如此。
3) 選擇器
–a) 派生選擇器
通過文件上下文關係確定某個標籤樣式。
h2
strong
id選擇器可以為特定id的html元素指定特定的樣式。
#id1–c) css類選擇器
.center
–d）css屬性選擇器
屬性選擇器
[title]
[title = w3school]
設定表單的樣式
屬性選擇器在未不帶有class或id的表單設定樣式是特別有用
1) css背景
–a)背景色
bockground-color可以為所有元素設定背景色。預設值為：transparent，即透明。
p
background-image吧圖形放入背景，預設值為none。
body
background-repeat屬性，可以對背景影象進行平鋪。
屬性值：
repeat-x:水平方向上平鋪
repeat-y:豎直方向上平鋪
no-repetat:不進行平鋪
–d) 背景定位
background-position屬性改變影象在背景中的位置。
屬性值：
關鍵字top、bottom、left、right、center
百分數值 50% 50%
長度值 元素內邊距區左上角的偏移100px
–e) 背景關聯
如果文件比較長，那麼當文件向下滾動式，背景影象也會隨之滾動。當文件滾動到超過影象的位置時，影象就會消失。通過background-attachment屬性可防止這種滾動。
屬性值：
fixed 固定
scroll 滾動，預設
2) css文字
–a)縮排文字 text-indent
–b)水平對齊 ext-align
–c) justify
–d)字間距 word-spacing
修改單詞/字間距
–e) 字母間隔 letter-spacing
修改字元/字母間距
–f) 字元轉換 text-transform
處理文字的大小寫
屬性值：
none
uppercase
lowercase
capitalize
–g) 文字裝飾 text-decoration
屬性值：
none
underline
overline
line-through
blink
–h) 文字方向 direction
屬性值：
ltr
rtr
3) css字型
–a) css字型系列
font-family
在css中，有兩種不同型別的字型系列名稱，特定字型系列，通用字型系列。
–b) 字型風格
font-style
屬性值：
normal 正常顯示
italic 文字斜體顯示
oblique 文字傾斜顯示
–c) 字型變形
font-variant
可十二隻小型大寫字母
–d) 字型加粗
font-weight
設定文字的粗細。
屬性值：
內建級別：bold，normal…
關鍵字：100~900
–e) 字型大小 font-size
4) css鏈結
鏈結的4種狀態：
a:link a物件未被訪問前的樣式表屬性
a:visited a物件已被訪問時的樣式表屬性
a:hover 設定物件在滑鼠懸停時的樣式屬性
a:active a物件在被使用者啟用是的樣式表屬性
在順序上：
a:hover必須位於a:link和a:visited之後
a:active必須位於a:hover之後
5) css列表
–a) 列表型別
list-style-type改變標誌型別
–b) 列表項圖項
list-style-image對各標誌使用乙個影象
–c) 列表標誌位置
list-style-position確定標誌出現在列表項內容之外還是內容內部
–d)簡寫列表樣式
list-style
以上三個屬性的合併，無順序要求
6) css**
7) css輪廓
div css 網頁布局
今天剛弄的，呵呵 設為首頁 加入收藏 12月活動 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 12月暫時不安排團拍 人之所以...
div css 網頁布局基礎
a link a hover a visited 偽類 css中很有用的知識點 p.cls1 p.cls2 萬用字元選擇器 四種選擇器優先順序 id選擇器 class html 萬用字元選擇器 父子選擇器 id1 span 1父子選擇器可以運用到任何選擇器中結合使用2不好超過三層，3有嚴格的層級關係...
學習DIV CSS網頁布局之混合布局
div css 網頁布局第四篇 混合布局 1 混合布局 在了解了一列 兩列和三列布局之後，混合布局也就不難理解了，混合布局也可以叫綜合型布局，那麼混合布局就可以在一列布局的基礎之上，分為兩列布局，三列布局，網頁布局的結構普遍都是三列布局，但是在三列布局的基礎上，可以根據實際需求，對網頁再進行劃分。x...