天天看點

html 怎麼設定整體的大小,css怎麼設定div大小?

在HTML中div标簽元素是一個塊狀元素,可以設定元素的大小(寬高)。那麼如何設定?下面本篇文章就來給大家介紹一下,希望對大家有所幫助。

html 怎麼設定整體的大小,css怎麼設定div大小?

首先我們來了解一下塊狀元素

塊狀元素代表性的就是div,其他如p、nav、aside、header、footer、section、article、ul-li、address等等,都可以用div來實作。不過為了可以友善程式員解讀代碼,一般都會使用特定的語義化标簽,使得代碼可讀性強,且便于查錯。

塊狀元素特征:

1、高度,行高以及外邊距和内邊距都可控制。

2、總是在新行上開始,占據一整行;即可以自動換行。

3、它可以容納内聯元素和其他塊元素。

4、寬帶始終是與浏覽器寬度一樣,與内容無關。

5、多個塊狀元素标簽寫在一起,預設排列方式為從上至下

css怎麼設定div大小?

在CSS中可以使用width屬性、height屬性來設定div大小。width屬性設定元素的寬度,height屬性設定元素的高度。

width和height屬性定義元素内容區的寬度、高度,在内容區外面可以增加内邊距、邊框和外邊距。

示例:

div{

border: 1px solid red;

}

.box{

width: 300px;

height: 100px;

}

普通div 設定寬度為300px,高度為100px的div

效果圖:

html 怎麼設定整體的大小,css怎麼設定div大小?