CSS元素分類

標籤：style   http   color   ar   使用   sp   for   strong   div   

快級元素：在html中<div>,<p>,<h1>,<form>,<ul>,<li>就是區塊層級元素。
               設定display:block就是將元素顯示為區塊層級元素。
    將行內元素a轉換為區塊層級元素，從而使a元素具有區塊層級元素特點
      a{display:block;}

行內元素：在html中，<span>,<a>,<label>,<input>,<img>,<strong>,<em>就是典型的行內元素
     display:inline

 

內聯塊狀元素：同時具備內嵌元素，塊狀元素的特點，代碼：display:inline-block
                   <img>,<input>標籤就是這種內聯塊狀標籤

 

盒模型：
   邊框：就是圍繞著內容及補白的線，這條線可以設定它的粗細，樣式和顏色（邊框三個屬性）
           div{
                 border:2px solid red;
            }
           注意：
              border-style(邊框樣式)常見形式：
                     dashed(虛線)  dotted(點線) solid(實線)
              border-color(邊框顏色)顏色可以設定為十六進位顏色
        若想為p標籤單獨設定下邊框,而其他三邊都不設定邊框樣式：
             div{border-bottom:1px solid red;}

   寬度和高度：css定義的寬和搞指的是填充以裡的內容約制。
              一個元素實際寬度=左邊界+右邊界+左填充+內容寬度+右填充+右邊框+右邊界
 
元素的實際長度為：10px+1px+20px+200px+20px+1px+10px=262px

填充：元素內容與邊框之間是可以設定距離的，稱之為“填充”；填充也可分為上，右，下，左（順時針）
div{padding:20px 10px 15px 30px;}
四個方向分別為 padding-top padding-right padding-bottom padding-left

邊界：元素與其它元素之間的距離可以使用邊界（margin）來設定，邊界也是可以分為上，右，下，左
div{margin:20px 10px 25px 30px;}
四個方向分別為：margin-top margin-right margin-bottom margin-left

CSS元素分類