少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕 欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

HTML 盒子模型div

2019-7-8    seo達(dá)人

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

HTML 中的div定義:

可定義文檔中的分區(qū)或節(jié)(division/section)。

標(biāo)簽可以把文檔分割為獨(dú)立的、不同的部分。它可以用作嚴(yán)格的組織工具,并且不使用任何格式與其關(guān)聯(lián)。

如果用 id 或 class 來(lái)標(biāo)記 div,那么該標(biāo)簽的作用會(huì)變得更加有效。
用法

div是一個(gè)塊級(jí)元素。這意味著它的內(nèi)容自動(dòng)地開(kāi)始一個(gè)新行。實(shí)際上,換行是

固有的唯一格式表現(xiàn)??梢酝ㄟ^(guò) div的 class 或 id 應(yīng)用額外的樣式。
不必為每一個(gè) div都加上類(lèi)或 id,雖然這樣做也有一定的好處。

可以對(duì)同一個(gè) div 元素應(yīng)用 class 或 id 屬性,但是更常見(jiàn)的情況是只應(yīng)用其中一種。這兩者的主要差異是,class 用于元素組(類(lèi)似的元素,或者可以理解為某一類(lèi)元素),而 id 用于標(biāo)識(shí)單獨(dú)的唯一的元素。

實(shí)例
<div id = " text"><div> <div class = " text1"><div> <div class = " text1"><div>
//div 中可以設(shè)置id屬性,通過(guò)引用id屬性來(lái)為div設(shè)置一些樣式

//在style標(biāo)簽中,可以對(duì)你寫(xiě)的代碼進(jìn)行樣式的設(shè)計(jì),樣式設(shè)計(jì)可以通過(guò)以下幾種方法來(lái)寫(xiě)
1.通過(guò)引用id來(lái)設(shè)置樣式,在id名稱(chēng)前加上# 格式: #id名稱(chēng){ }
#text{ }
2.通過(guò)class來(lái)設(shè)置樣式,class后面的名字可以是一樣的,而id取名唯一,因此在需要設(shè)置同類(lèi)型的樣式時(shí)可以使用class來(lái)設(shè)置 格式: .class名稱(chēng){ }
.text1{ }
3.通過(guò)標(biāo)簽名稱(chēng)來(lái)設(shè)置樣式 格式: div{ }
div{ }

樣式:
1.width :50px; // 寬度
2.height :50px;//高度
3.border : 1px solid red; //邊框,border可以設(shè)置三個(gè)屬性,分別是邊框?qū)挾龋吙驑邮剑▽?shí)線(xiàn),虛線(xiàn)等),邊框顏色
4.margin:屬性定義及使用說(shuō)明

margin簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有外邊距屬性。該屬性可以有1到4個(gè)值。

實(shí)例:

margin:10px 5px 15px 20px;
    上邊距是 10px
    右邊距是 5px
    下邊距是 15px
    左邊距是 20px

margin:10px 5px 15px;
    上邊距是 10px
    右邊距和左邊距是 5px
    下邊距是 15px

margin:10px 5px;
    上邊距和下邊距是 10px
    右邊距和左邊距是 5px

margin:10px;
    所有四個(gè)邊距都是 10px
藍(lán)藍(lán)設(shè)計(jì)www.jsyqsx.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。

日歷

鏈接

個(gè)人資料

存檔