html div標(biāo)簽布局使用的方法

發(fā)布時(shí)間：2022-03-05 15:30:24 來(lái)源：億速云閱讀：164 作者：iii 欄目：web開(kāi)發(fā)

這篇文章主要介紹了html div標(biāo)簽布局使用的方法的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇html div標(biāo)簽布局使用的方法文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

一、css是甚么？

CSS是花式表，通俗明了給html標(biāo)簽穿上明媚衣服的名目統(tǒng)稱(chēng)。譬如給html標(biāo)簽配置字體顏色、字體大小、后盾、float、邊框等須要款式就是使用css屬性單詞實(shí)現(xiàn)。

二、div是甚么

div是html標(biāo)簽之一

<div>形式</div>

是一對(duì)標(biāo)簽

誠(chéng)然div標(biāo)簽內(nèi)可以或許直接放內(nèi)容，也能夠或許嵌套更多各種標(biāo)簽。

<div id="warp">
<div class="abc">
<p>形式</p>
<p>內(nèi)容</p>
</div>
</div>

三、怎么樣用

通常咱們構(gòu)造html,經(jīng)由過(guò)程內(nèi)部CSS名目設(shè)置裝備擺設(shè)標(biāo)簽名堂，縱然有id或class引入對(duì)標(biāo)簽設(shè)置想要的CSS名目。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>div與css用法容易實(shí)例 CSS5</title>
<style>
#warp{ width:200px; border:2px solid #F00}
.abc{ color:#F00; font-size:14px}
.bbb{ color:#00F; font-size:22px}
</style>
</head>
<body>
<div id="warp">
<div class="abc">
<p>形式</p>
<p>內(nèi)容</p>
</div>
<div class="bbb">模式</div>
</div>
</body>
</html>

關(guān)于“html div標(biāo)簽布局使用的方法”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對(duì)“html div標(biāo)簽布局使用的方法”知識(shí)都有一定的了解，大家如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問(wèn)一下細(xì)節(jié)

html div標(biāo)簽布局使用的方法

一、css是甚么？

二、div是甚么

三、怎么樣用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

一、css是甚么？