簡(jiǎn)體: 簡(jiǎn)體中文 English

尚品簽約辰欣藥業(yè)股份有限公司官網(wǎng)建設(shè)

類型：尚品動(dòng)態(tài) 了解更多

首頁/ 新聞/ 網(wǎng)站建設(shè) /正文

網(wǎng)站建設(shè)—前端CSS塊狀元素和內(nèi)聯(lián)元素詳解

來源：尚品中國(guó)| 類型：網(wǎng)站百科| 時(shí)間：2019-03-06

在css盒子模型中，我們提到了html元素中的塊元素和內(nèi)聯(lián)元素。那么它們究竟是什么呢？

塊元素一般是其他元素的容器元素，能容納其他塊元素或內(nèi)聯(lián)元素。常見的就是P標(biāo)簽及DIV標(biāo)簽。塊元素就好比一個(gè)四方塊，可以放其他的四方塊，并可以呈現(xiàn)在頁面上任何地方。

我們用div標(biāo)簽舉個(gè)例子，給div標(biāo)簽設(shè)置一個(gè)"寬高各200px 背景顏色紅色“的樣式，得到一個(gè)寬高各200px的方塊，如下圖：

試著再添加一個(gè)div標(biāo)簽，加入margin-bottom下邊距，區(qū)分他們的位置，接下來把寬度去掉，可以看到寬度變寬了，從瀏覽器的左邊到右邊，現(xiàn)在有兩個(gè)紅色塊逐行顯示仿佛表現(xiàn)的很霸道，如下圖：

由此得知塊元素的特性：

1.在沒有設(shè)置寬度的情況下默認(rèn)撐滿一行

2. 默認(rèn)塊元素不在一行

3.支持所有CSS命令

內(nèi)聯(lián)元素也叫內(nèi)嵌元素或行內(nèi)元素，內(nèi)聯(lián)元素只能容納文本或者其他內(nèi)聯(lián)元素，常見內(nèi)聯(lián)元素有a和span。

用span標(biāo)簽為例，添加三個(gè)span標(biāo)簽，設(shè)置”寬高200px 背景顏色紅色 margin10px“樣式，發(fā)現(xiàn)并沒有按200*200去展示，margin標(biāo)簽對(duì)上下并沒有改變，對(duì)比塊元素由此得知：

內(nèi)聯(lián)元素的特性：

1.寬高由內(nèi)容撐開

2.不支持寬高

3.一行上可以繼續(xù)顯示跟同類的標(biāo)簽

4.不支持margin的上下特性

5.代碼換行被解析

本文章來源尚品中國(guó)：網(wǎng)站建設(shè)

來源聲明：本文章系尚品中國(guó)編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請(qǐng)注明來自尚品中國(guó)。以上內(nèi)容部分(包含圖片、文字)來源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)及時(shí)與本站聯(lián)系（010-60259772）。

上一篇：企業(yè)建站—如何利用搜索引擎蜘蛛提升網(wǎng)站知名度下一篇：企業(yè)網(wǎng)站建設(shè)—產(chǎn)品到底是什么？

TAG標(biāo)簽：

建站流程

網(wǎng)站需求
網(wǎng)站策劃方案
頁面設(shè)計(jì)風(fēng)格
確認(rèn)交付使用
資料錄入優(yōu)化
程序設(shè)計(jì)開發(fā)
后續(xù)跟蹤服務(wù)
聯(lián)系電話
010-60259772

預(yù)約專業(yè)咨詢顧問溝通！

免責(zé)聲明

非常感謝您訪問我們的網(wǎng)站。在您使用本網(wǎng)站之前，請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問題參見國(guó)家有關(guān)法律法規(guī)，當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí)，以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益，請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com

羞羞久久久久久,久久精品国产WWW456C0M,国产精品自产拍高潮在线观看,国产精品久久久久影院嫩草

高校集群解決方案

強(qiáng)軍網(wǎng)建設(shè)解決方案

政府事業(yè)解決方案

智慧會(huì)展解決方案

科研領(lǐng)域解決方案

智慧景區(qū)解決方案

海外房產(chǎn)解決方案

網(wǎng)站建設(shè)

小程序

移動(dòng)互聯(lián)網(wǎng)

網(wǎng)絡(luò)營(yíng)銷

VI設(shè)計(jì)

尚品簽約辰欣藥業(yè)股份有限公司官網(wǎng)建設(shè)

網(wǎng)站建設(shè)—前端CSS塊狀元素和內(nèi)聯(lián)元素詳解

建站流程

網(wǎng)站需求

網(wǎng)站策劃方案

頁面設(shè)計(jì)風(fēng)格

確認(rèn)交付使用

資料錄入優(yōu)化

程序設(shè)計(jì)開發(fā)

后續(xù)跟蹤服務(wù)

熱門標(biāo)簽

最新文章

網(wǎng)站設(shè)計(jì)中不可忽視的三大關(guān)鍵要素

跨越語言障礙拓展國(guó)際市場(chǎng)，多語言支持助力外貿(mào)網(wǎng)站設(shè)計(jì)全球化布局

外貿(mào)網(wǎng)站建設(shè)一站式解決方案：從設(shè)計(jì)到優(yōu)化

推薦新聞

企業(yè)網(wǎng)站設(shè)計(jì)—如何做好資訊內(nèi)容的建設(shè)？

專業(yè)網(wǎng)站建設(shè)方案如何寫？

SEO網(wǎng)站優(yōu)化之怎樣做外鏈有利于關(guān)鍵詞排名

對(duì)企業(yè)來說，響應(yīng)性網(wǎng)站設(shè)計(jì)有什么好處

網(wǎng)站建設(shè)的基本流程

優(yōu)秀行業(yè)網(wǎng)站建設(shè)必備

預(yù)約專業(yè)咨詢顧問溝通！

免責(zé)聲明

電話咨詢

在線咨詢

微信咨詢

現(xiàn)在就與專業(yè)咨詢顧問溝通！

免責(zé)聲明

跨越語言障礙拓展國(guó)際市場(chǎng)，多語言支持助力外貿(mào)網(wǎng)站設(shè)計(jì)全球化布局

企業(yè)網(wǎng)站設(shè)計(jì)—如何做好資訊內(nèi)容的建設(shè)？

專業(yè)網(wǎng)站建設(shè)方案如何寫？

對(duì)企業(yè)來說，響應(yīng)性網(wǎng)站設(shè)計(jì)有什么好處

現(xiàn)在就與專業(yè)咨詢顧問溝通！