div的布局以及一些元素的使用

2021-10-25 05:17:04 字數 716 閱讀 6925

div布局

1.css將頁面中的所有元素設定成了乙個盒子

2.將指定的盒子擺放到指定的位置

3.盒子的組成:內容區(content):由width, height決定

邊框(border) :盒子的邊緣,為了命名規範,至少設定邊框的寬度(border-width),顏色(border-color),邊框的樣式(border-style)

邊框的大小還影響盒子的大小,不信你可以修改border-width的值。

值的設定:

四個值:上 右 下 左

三個值:上 左右 下

兩個值:上下 左右

乙個值:上下左右

<

!doctype html>

"utf-8"

/>

"viewport" content=

"width=device-width, initial-scale=1"

>

<

/title>

.box1

<

/style>

<

/head>

="box1"

>

主播是個帥哥<

/p>

<

/div>

<

/div>

<

/body>

<

/html>

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素,預設情況下,預設情況下將佔滿父級容器的整行,同級的其他物件將在下一行顯示。但是將某個div設定為float後,這個div本身會根據其中內容的需要而調整為內容需要的大小,其後的塊級物件將浮動在它旁邊顯示,執...

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素,預設情況下,預設情況下將佔滿父級容 器的整行,同級的其他物件將在下一行顯示。但是將某個div設定為float後,這個div本身會根據其中內容的需要而調整為內容需要的大小,其後的塊級 物件將浮動在它旁邊顯示...

div布局的一些特性

div的布局還真有些不容易掌握,其規律還摸不透,先死記硬背一些現象再說吧.div是乙個塊級元素,預設情況下,預設情況下將佔滿父級容器的整行,同級的其他物件將在下一行顯示。但是將某個div設定為float後,這個div本身會根據其中內容的需要而調整為內容需要的大小,其後的塊級物件將浮動在它旁邊顯示,執...