首頁 > web前端 > css教學 > 主體

怎麼用div佈局?

little bottle
發布: 2020-09-17 10:44:59
原創
12452 人瀏覽過

DIV是層疊樣式表中的定位技術,全名為DIVision,即為分割。有時可以稱為圖層。 DIV在程式設計中又叫做整除,即只得商的整數。 DIV元素是用來為HTML(標準通用標記語言下的一個應用)文檔內大塊(block-level)的內容提供結構和背景的元素。

怎麼用div佈局?

<div>是區塊級元素。這意味著它的內容自動地開始一個新行。實際上,換行是 <div> 固有的特定的格式表現。可以透過 <div> 的 class 或 id 套用額外的樣式。

不必為每一個 <div> 都加上類別或 id,雖然這樣做也有一定的好處。

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

範例:

<body>
<h1>NEWS WEBSITE</h1>
<p>some text. some text. some text...</p>
...
<div class="news">
<h2>News headline 1</h2>
<p>some text. some text. some text...</p>
...
</div>
<div class="news">
<h2>News headline 2</h2>
<p>some text. some text. some text...</p>
...
</div>
...
</body>
登入後複製

以上是怎麼用div佈局?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!