、

...

、

、
、

、、

、

、

　　　　常用內(nèi)聯(lián)元素：、、
、、、、、、、、

　　　　常用內(nèi)聯(lián)塊狀元素：

5、盒模型--填充：設(shè)置元素與邊框之間的距離，叫做填充。用padding設(shè)置，padding也分為四部分，即上右下左（padding-top/padding-right/padding-bottom/padding-left），它們是順時針。

　　　　例子：

　　　　　　padding: 10px 11px 12px 13px;

　　　　上面也可以寫為

　　　　　　padding-top:10px;

　　　　　　padding-right:11px;

　　　　　　padding-bottom:12px;

　　　　　　padding-left: 13px;

　　　　如果上下均為10px，左右均為20px，那么可以這樣寫

　　　　　　padding: 10px 20px;

　　　　如果上下左右相同，均為10px，那么可以這樣寫

　　　　　　padding: 10px;

6、盒模型--邊界：元素之間的距離就是邊界，也就是外邊框，用margin設(shè)置。margin也分為四部分，即上右下左（margin-top/margin-right/margin-bottom/margin-left）。

　　　　例子：

　　　　　　margin: 10px 11px 12px 13px;

　　　　上面也可以寫為

　　　　　　margin-top:10px;

　　　　　　margin-right:11px;

　　　　　　margin-bottom:12px;

　　　　　　margin-left: 13px;

　　　　如果上下均為10px，左右均為20px，那么可以這樣寫

　　　　　　margin: 10px 20px;

　　　　如果上下左右相同，均為10px，那么可以這樣寫

　　　　　　margin: 10px;

GPU云服務(wù)器 云服務(wù)器 盒模型 盒模型html嗎 簡述html盒模型 盒遙控

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/1450.html

• 上一篇：詳解CSS的Flex布局
• 下一篇：蘋果手機對網(wǎng)頁上樣式為position:fixed的彈窗支持不好的解決辦法

相關(guān)文章

• 深入css布局 (1) — 盒模型 & 元素分類

  摘要：深入布局盒模型元素分類在知識體系中，除了選擇器，樣式屬性等基礎(chǔ)知識外，布局相關(guān)的知識才是比較核心和重要的點。從元素的布局特性來分，主要可以分為三類元素塊級元素，行內(nèi)元素，行內(nèi)塊級元素。行內(nèi)級元素屬性取的元素。? 深入css布局（1）—— 盒模型 & 元素分類 ? ? ? 在css知識體系中，除了css選擇器，樣式屬性等基礎(chǔ)知識外，css布局相關(guān)的知識才是css比較核心和重要的點。今天我們...

  ky0ncheng 2019-04-23 13:43 評論0 收藏0

• 深入css布局(1) — 盒模型 & 元素分類

  摘要：深入布局盒模型元素分類在知識體系中，除了選擇器，樣式屬性等基礎(chǔ)知識外，布局相關(guān)的知識才是比較核心和重要的點。規(guī)定元素和屬性是包含元素的邊框內(nèi)邊距內(nèi)容的。后來微軟也慢慢轉(zhuǎn)向了的標(biāo)準(zhǔn)，在以后支持了標(biāo)準(zhǔn)盒模型。行內(nèi)級元素屬性取的元素。 深入css布局（1）—— 盒模型 & 元素分類 ????在css知識體系中，除了css選擇器，樣式屬性等基礎(chǔ)知識外，css布局相關(guān)的知識才是css比較核心和重...

  blankyao 2019-08-29 15:25 評論0 收藏0

• 【快速入門系列】CSS盒模型基礎(chǔ)

  摘要：引言盒模型是頁面布局中經(jīng)常會使用到的一種思維模型，將等概念運用日常生活中的盒子來形容，因此稱之為盒模型。一什么是盒模型我們首先來看一下在中盒模型的樣子我們可以清楚的看出，盒模型由內(nèi)容內(nèi)邊距邊框外邊距組成。 引言 CSS盒模型是頁面布局中經(jīng)常會使用到的一種思維模型，將margin、border、padding、content等概念運用日常生活中的盒子來形容，因此稱之為盒模型。 一、什么是...

  Code4App 2019-08-29 15:20 評論0 收藏0

• 【快速入門系列】CSS盒模型基礎(chǔ)

  摘要：引言盒模型是頁面布局中經(jīng)常會使用到的一種思維模型，將等概念運用日常生活中的盒子來形容，因此稱之為盒模型。一什么是盒模型我們首先來看一下在中盒模型的樣子我們可以清楚的看出，盒模型由內(nèi)容內(nèi)邊距邊框外邊距組成。 引言 CSS盒模型是頁面布局中經(jīng)常會使用到的一種思維模型，將margin、border、padding、content等概念運用日常生活中的盒子來形容，因此稱之為盒模型。 一、什么是...

  LinkedME2016 2019-08-02 10:22 評論0 收藏0

• css1：盒模型

  摘要：最近工作中有機會復(fù)習(xí)一下的基本知識，那么先從的盒模型開始吧，因為這是當(dāng)時進(jìn)現(xiàn)在這家公司筆試的第一題怎么把盒模型變成標(biāo)準(zhǔn)盒模型嗯，有辦法，就可以啦。具體參見鏈接描述常見的盒模型分兩類怪異盒模型和標(biāo)準(zhǔn)盒模型，兩種盒模型有著很大的不同。 最近工作中有機會復(fù)習(xí)一下css的基本知識，那么先從css的盒模型開始吧，因為這是當(dāng)時進(jìn)現(xiàn)在這家公司筆試的第一題：怎么把IE盒模型變成標(biāo)準(zhǔn)盒模型？嗯，有辦法，...

  TalkingData 2019-08-30 10:59 評論0 收藏0

• 十分鐘復(fù)習(xí)CSS盒模型與BFC

  摘要：盒模型與本文為收集整理總結(jié)網(wǎng)上資源旨在系統(tǒng)復(fù)習(xí)盒模型與節(jié)省復(fù)習(xí)時間閱讀分鐘什么是盒模型每一個文檔中，每個元素都被表示為一個矩形的盒子它都會具有內(nèi)容區(qū)盒模型主要分兩種標(biāo)準(zhǔn)盒模型盒模型怪異盒模型兩者的區(qū)別標(biāo)準(zhǔn)盒模型的寬高則為內(nèi)容區(qū)域的寬高盒模型 css盒模型與BFC 本文為收集整理總結(jié)網(wǎng)上資源 旨在系統(tǒng)復(fù)習(xí)css盒模型與bfc 節(jié)省復(fù)習(xí)時間 閱讀10分鐘 什么是盒模型 每一個文檔中，每...

  verano 2019-08-02 10:48 評論0 收藏0

發(fā)表評論

登陸后可評論

0條評論



Pandaaa

男|高級講師

我要關(guān)注 我要私信

TA的文章

閱讀更多

• 在anaconda下安裝tensorflow

  閱讀 1881·2023-04-25 15:50

• 怎么看網(wǎng)站是服務(wù)器還是虛擬主機-服務(wù)器與虛擬主機有什么區(qū)別？

  閱讀 1366·2021-09-22 15:49

• 主機優(yōu)勢是什么意思-電信云主機是什么？

  閱讀 3082·2021-09-22 15:06

• 【每日一包0029】merge-descriptors

  閱讀 3757·2019-08-30 15:54

• RDD的前端背包

  閱讀 2394·2019-08-29 11:33

• node.js來爬取智聯(lián)全國的競爭最激烈的前十崗位

  閱讀 2175·2019-08-23 17:56

• WebGL three.js學(xué)習(xí)筆記 紋理貼圖模擬太陽系運轉(zhuǎn)

  閱讀 2302·2019-08-23 17:06

• 每日 30 秒 ? 復(fù)制內(nèi)容到剪貼板

  閱讀 1353·2019-08-23 15:55

最新活動





閱讀需要支付1元查看

支付并查看

<