? HTML 盒子模型div - 蓝蓝设计_UI设计公司

追求卓越一諾千金

藍藍設計,2011年成立,主創清華團隊,專注軟件和互聯網ui設計開發。擅長企業信息化管理、監控、大數據軟件UIUE咨詢和設計開發服務。立足UI,好好學習,天天進步!


HTML 盒子模型div

2019-7-8 釋然 前端及開發文章及欣賞


如果您想訂閱本博客內容,每天自動發到您的郵箱中,

HTML 中的div定義:

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

標簽可以把文檔分割為獨立的、不同的部分。它可以用作嚴格的組織工具,并且不使用任何格式與其關聯。

如果用 id 或 class 來標記 div,那么該標簽的作用會變得更加有效。
用法

div是一個塊級元素。這意味著它的內容自動地開始一個新行。實際上,換行是

固有的唯一格式表現。可以通過 div的 class 或 id 應用額外的樣式。
不必為每一個 div都加上類或 id,雖然這樣做也有一定的好處。

可以對同一個 div 元素應用 class 或 id 屬性,但是更常見的情況是只應用其中一種。這兩者的主要差異是,class 用于元素組(類似的元素,或者可以理解為某一類元素),而 id 用于標識單獨的唯一的元素。

實例
<div id = " text"><div> <div class = " text1"><div> <div class = " text1"><div>
//div 中可以設置id屬性,通過引用id屬性來為div設置一些樣式

//在style標簽中,可以對你寫的代碼進行樣式的設計,樣式設計可以通過以下幾種方法來寫
1.通過引用id來設置樣式,在id名稱前加上# 格式: #id名稱{ }
#text{ }
2.通過class來設置樣式,class后面的名字可以是一樣的,而id取名唯一,因此在需要設置同類型的樣式時可以使用class來設置 格式: .class名稱{ }
.text1{ }
3.通過標簽名稱來設置樣式 格式: div{ }
div{ }

樣式:
1.width :50px; // 寬度
2.height :50px;//高度
3.border : 1px solid red; //邊框,border可以設置三個屬性,分別是邊框寬度,邊框樣式(實線,虛線等),邊框顏色
4.margin:屬性定義及使用說明

margin簡寫屬性在一個聲明中設置所有外邊距屬性。該屬性可以有1到4個值。

實例:

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

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

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

margin:10px;
    所有四個邊距都是 10px
藍藍設計www.thriveonsite.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、網站建設 平面設計服務

標簽: html 盒子模型div « Tab Bar 圖標動效設計類型總結 | |學會版式的N個Tips|—線要怎樣用,才能讓你的設計更加分»


藍藍 http://www.thriveonsite.com

訂閱Rss
98彩票网 新疆11选5走势图 天津十一选五前三走势 互联网赚钱 上网赚钱真假 19年自动挂机网赚 百胜彩票投注 江西快3 58日付网赚联盟怎么样 网赚大巴