固定定位"en結果圖:">"
top">
"div1
">
"backtop
">"
#top
">返回頂部

絕對定位+負邊距"en結果圖:">
"container
">"
div1
">

負邊距"en結果圖:">"
div1
">
"div2
">

雙飛翼布局"en結果圖:">"
head
">
"body
">
"center
">中
"left
">左
"right
">右
"foot
">

屬性選擇器"en結果圖:">"
div1
">這是第乙個div
"div2
">這是第二個div
"div3
">這是第三個div
"forth
">這是第四個div
"fifth
">這是第五個div
class="
sixth
">這是第六個div

偽類選擇器"en結果圖:">

狀態偽類選擇器"en結果圖:">姓名:
"text
" value="
漂移的蝸牛
" disabled>
密碼:"
password
">
愛好:"
checkbox
"checked>籃球
"checkbox
">網球
"checkbox
">桌球

相鄰全部兄弟選擇器"en結果圖:">"
p1">1"p2
">2"p3
">3"p4
">4"p5
">5"p6
">6
取非選擇器"en結果圖:">123
4"">5
6

變形效果"en結果圖:">
../../img/anzhui.png
" alt="">
css學習記錄
1 瀏覽器字首 ie ms firefox moz opera o chrome和safari webkit webkit是webkit核心 moz 是firefox gecko核心,moz代表的是firefox生產廠商mozilla 瀏覽器核心 二 gecko核心代表作品mozilla firef...
css學習記錄
css 概述 多重樣式將層疊為乙個 樣式表允許以多種方式規定樣式資訊。樣式可以規定在單個的 html 元素中,在 html 頁的頭元素中,或在乙個外部的 css 檔案中。甚至可以在同乙個 html 文件內部引用多個外部樣式表。層疊次序 當同乙個 html 元素被不止乙個樣式定義時,會使用哪個樣式呢?...
css學習記錄
1 css display block 原來老是單純的認為display block僅用來控制元素的顯示與隱藏 今天發現block其實還是塊級元素 例項 一般導航選單裡會將a轉換成塊級元素,可以更好的控制樣式 2 css focus 偽類 說明 在ie中focus 偽類 僅僅支援ie 8以上的版本 ...