多重聲明:
提示:如果要定義不止一個聲明,則需要用分号将每個聲明分開。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style type="text/css">
p,h1{
color: red;
}
</style>
</head>
<body>
<p>nihao</p>
<h1>jjj</h1>
</body>
</html>
CSS沙盒模型:
1. margin、border、padding 設定的順序是順時針,從top上開始!利用margin屬性設定邊界值的方法有:
設定一個邊界值:若margin屬性隻設定一個邊界值時,則上、右、下和左四個邊界都将調用此值。
執行個體:margin:2cm
設定對應邊值:
執行個體:margin:2cm 4cm
上邊界與下邊界的值為2cm,左邊界與右邊界的值為4cm。
設定四個邊界值:利用margin屬性,順序輸入上、右、下、左邊界的值,就可以完成四個邊界的設定了。
執行個體: margin:20pt 30% 30px 2cm
上邊界為20pt,右邊界為30%,下邊界為30px,左邊界為2cm。
2.使用border-width屬性設定邊框的寬度有4種設定方法:
設定一個值:四條邊框寬度均使用同一個設定值。
設定兩個值:上邊框與下邊框寬度調用第一個值,右邊框與左邊框寬度調用第二個值。
設定三個值:上邊框寬度調用第一個值,右邊框與左邊框寬度調用第二個值,下邊框寬度調用第三個值。
設定四個值:四條邊框寬度的調用順時針順序,順序為上、右、下、左。