https://wenku.baidu.com/view/471e23210722192e4536f615.html
一、常用屬性：
1、Height：設定div的高度
2、Width：設定div的寬度
例如：

<div style="width:200px;height:200px;background-color:Black;"> 
    我是高度，寬度測試
</div> 

px就是一個單位，指定固定值。
% 是相對的，比如父容器寬度為100px的話，如果它裡面標籤定義了寬度為50%，那麼這個標籤的寬度折算就是50px，當前單位不止px，其實px跟%沒有什麼聯絡

3、margin：用於設定div的外延邊距，也就是到父容器的距離
可以用%也可以用px
例如：

<div style="width:500px;height:500px;background-color:Black;"> 
    <div style="margin-left: 50px;margin-top: 5px;width: 200px;height: 200px;background-color: white">
        </div>
        </div> 

說明：margin：後面跟有四個距離分別為到父容器的上右下左邊的距離，可以看例子中白色的div到黑色的div的邊距離效果，還可以分別設定這四個邊的距離，用到的屬性如下：
4、margin-left
5、margin-right
6、margin-top
7、margin-bottom

8、padding：用於設定div的內邊距：
例如

在這裡插入程式碼片