天天看點

前端-css

前端-css

多重聲明:

提示:如果要定義不止一個聲明,則需要用分号将每個聲明分開。

<!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
前端-css
前端-css
前端-css

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種設定方法:

 設定一個值:四條邊框寬度均使用同一個設定值。

 設定兩個值:上邊框與下邊框寬度調用第一個值,右邊框與左邊框寬度調用第二個值。

 設定三個值:上邊框寬度調用第一個值,右邊框與左邊框寬度調用第二個值,下邊框寬度調用第三個值。

 設定四個值:四條邊框寬度的調用順時針順序,順序為上、右、下、左。

前端-css