html
>
<
html
lang="en">
<
head
>
<
meta
charset="utf-8">
<
title
>65-
背景尺寸屬性
title
>
<
style
>*ul
ul li
ul li
:nth-child(1
)ul li
:nth-child(2
)ul li
:nth-child(3
)ul li
:nth-child(4
)ul li
:nth-child(5
)ul li
:nth-child(6
)ul li
:nth-child(7
)style
>
head
>
<
body
>
<
ul>
<
li>
預設li
>
<
li>
具體畫素
li>
<
li>
百分比li
>
<
li>
寬度等比拉伸
li>
<
li>
高度等比拉伸
li>
<
li>cover
li>
<
li>contain
li>
ul>
body
>
html
>
html
>
<
html
lang="en">
<
head
>
<
meta
charset="utf-8">
<
title
>66-
背景定位區域屬性
title
>
<
style
>
*ul li
ul li
:nth-child(2
)ul li
:nth-child(3
)ul li
:nth-child(4
)style
>
head
>
<
body
>
<
ul>
<
li>
預設li
>
<
li>padding
li>
<
li>border
li>
<
li>content
li>
ul>
body
>
html
>
背景繪製區域屬性
html
>
<
html
lang="en">
<
head
>
<
meta
charset="utf-8">
<
title
>67-
背景繪製區域屬性
title
>
<
style
>
*ul li
ul li
:nth-child(2
)ul li
:nth-child(4
)ul li
:nth-child(1
)style
>
head
>
<
body
>
<
ul>
<
li>
預設li
>
<
li>padding
li>
<
li>border
li>
<
li>content
li>
ul>
body
>
html
>
html
>
<
html
lang="en">
<
head
>
<
meta
charset="utf-8">
<
title
>68-
多重背景
title
>
<
style
>
*div
style
>
head
>
<
body
>
<
div>
div>
body
>
html
>
HTML5前端開發入門之CSS浮動流
1.什麼是浮動元素的脫標？脫標 脫離標準流 當某乙個元素脫標以後，那麼這個元素看上去就像被從標準流中刪除了一樣，這個就是浮動元素的脫標 2.浮動元素脫標之後會有什麼影響？如果前面乙個元素浮動了，而後面乙個元素沒有浮動，那麼這個時候前面的乙個元素就會蓋住後面的乙個元素 1.浮動元素排序規則 1.1相同...
HTML5前端開發入門之CSS定位流
1.定位流分類 1.1相對定位 1.2絕對定位 1.3固定定位 1.4靜態定位 預設情況下元素就是靜態定位 2.什麼是相對定位？相對於自己在原來標準流中的位置進行移動 格式 position relative top 20px left 20px 3.相對定位注意點 3.1相對定位是不脫離標準流的，...
HTML5前端開發入門之video audio標籤
1.什麼是video標籤？格式1 video 標籤的屬性 srcautoplay controls 用於告訴video標籤是否需要控制條 poster loop preload muted 靜音 width 寬度 height 高度 格式2 這個時候w3c未了解決這個問題，所以推出了第二個video...