06 作業練習盒子模型

2021-08-11 18:48:40 字數 2059 閱讀 4939

**的練習!有關padding與border很重要編寫**的時候先把結構劃分好!

第乙個金牌練習

金牌top5title>

* table

table

caption

thead

thtbody

tdtd

a

style>

head>

金牌top5caption>

排名th>

國家th>

金th>

銀th>

銅th>

總計th>

tr>

thead>

tbody>

1td>

中國td>

17td>

9td>

4td>

30td>

tr>

2td>

美國td>

12td>

8td>

9td>

29td>

tr>

3td>

南韓td>

6td>

2td>

4td>

12td>

tr>

4td>

法國td>

5td>

3td>

5td>

13td>

tr>

5td>

朝鮮td>

4td>

0td>

1td>

5td>

tr>

tfoot>

table>

body>

html>

lang="en">

charset="utf-8">

documenttitle>

* body

.content

h3ullia

style>

head>

class="content">

href="#">你說什麼我不知道a>

li>

href="#">我就是**喜歡a>

li>

href="#">好你是因為我拍的幾時回a>

li>

href="#">神呢以哦是死的a>

li>

href="#">發放啥叫方法方法記得發貨a>

li>

ul>

div>

body>

html>第三個愛寵知識練習 也是無序列表的使用

href="#">養狗比養貓對健康更有利a>

li>

href="#">日本正宗柴犬亮相,你怎麼看柴犬a>

li>

href="#">狗狗歌曲《新年旺旺》a>

li>

href="#">帶寵兜風,開車帶寵需要注意什麼?a>

li>

href="#">【爆笑】這狗狗太不給力了a>

li>

href="#">狗狗與男童相同著裝拍有愛造型照a>

li>

href="#">狗狗各個階段健康大事件a>

li>

href="#">調皮寵物狗陷在沙發裡的搞笑瞬間a>

li>

href="#">為什麼每次大小便後,會用腳踢土?a>

li>

ul>

div>

body>

html>

盒子模型與怪異盒子模型

所有html元素可以看作盒子,在css中,box model 這一術語是用來設計和布局時使用。css盒模型本質上是乙個盒子,封裝周圍的html元素,它包括 邊距,邊框,填充,和實際內容。盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素。下面的說明了盒子模型 box model content...

css盒子模型 CSS 盒子模型

css 盒子模型基本上是面試的必考題,因為實在是太重要了。以前寫 css 總是感覺元素的寬高十分難調,其中乙個很大的問題就是忽略了盒子模型的重要性。說到 css 盒子模型,你可能會說我知道呀,就是 margin 包 border,border 包 padding,padding 包 content ...

html盒子模型 jquery盒子模型

最近學了jquery的盒子模型之後,感覺真的顛覆我之前對盒子模型的看法,我在最初以為盒子模型只存在於html,我們就來看看他們有何區別。1.html盒子模型 如果說js裡面萬物皆是物件,那麼html裡面的萬物皆是盒子。不是盒子的我們也可以用dispiay block 變成盒子。那他的盒子是怎麼計算的...