一.
屬性用法遵循順時針順序。
border-top-
border-left-
border-bottom-
border-right-
a>border-width:值；
thin
細medium
中等thick
粗的畫素值
14px
b>border-style:
none
無hidden
隱藏dotted
點線dashed
虛線splid
實線double粗線
border整體使用順序：
border: width style color;
2.margin-top:
margin-right:
margin-bottom:
margin-left:
居中語法 margin：0 auto;
<1>使用在塊元素中
<2>用於固定寬度
3.padding-top:
padding-right:
padding-bottom:
padding-left:
二.盒子的尺寸
box-sizing:content_box | border_box | inherit ;
content_box內容寬預設值
border_box 盒子的寬度或高度等於元素內容的寬度或高度。
inherit 元素繼承父元素的盒子模型模式
三.圓的寫法：
border-radius:20px 10px 50px 30px;
圓的方向設定按照順時針，左上，右上，右下，左下。
四.盒子的陰影
《HTML5權威指南》之使用盒模型
屬性 說明 值 padding top 為頂邊設定內邊距 長度值或者百分數 padding right 為右邊設定內邊距 長度值或百分數 padding bottom 為底邊設定內邊距 長度值或者百分數 padding left 為左邊設定內邊距 長度值或者內邊距 padding 簡寫屬性 示例 如...
HTML5的學習（二）HTML5標籤
3.按功能排列標籤 標籤 描述 html4 html5 定義注釋。定義文件型別。定義文件的主體。定義文件中的節。定義section或page的頁尾。to定義html標題。定義html文件。定義關於文件的資訊。定義section或page的頁首。定義關於html文件的元資訊。定義針對不支援客戶端指令碼...
html5現階段的使用
html5大行其道的時代已經到來,這得益於移動客戶端的蓬勃發展，但其實pc還是要考慮很多相容性問題。很煩的 網上抄的 對於現階段來說，使用html5標籤可能遇到的最大問題就是如何在不支援新標籤的瀏覽器中做恰當的處理。當我們在頁面中使用html5元素時，可能會得到三種不同的結果。結果1 標籤被當作錯誤...