box-sizing（content-box，border-box）
預設值是content-box
content-box：內容大小不把border，padding包含在內
通俗的講就是，首先設定好了寬高分別為100px，再設定border和padding分別為1px，此時，容器總大小為104px，content為100px，border為1px，padding為1px。
border-box：內容大小把border，padding包含在內
通俗的講就是，首先設定好了寬高分別為100px，就算是設定了border和padding分別為1px，最終容器總大小還是100px，content大小為96px，border為1px，padding為1px。
2015 12 09複習之CSS 3 基礎
selector 派生選擇器 宜居元素位置及其上下文關係來定義樣式 id選擇器 常常用於簡歷派生選擇器 類選擇器，多類選擇器 class.class eg class p1 p2 p1.p2 屬性選擇器 對帶有指定屬性的html元素設定樣式 屬性和值選擇器 input type button a h...
複習css3的部分屬性
css3 1 圓角 border radius 100 border top left radius 5px 2 變形 3 動畫 animation使用方法 3.1 利用 keyframes定義動畫效果 keyframes animatename 必備，表示動畫開始時的效果 30 非必備，表示經過了...
CSS3之圓角製作
如今css3中的border radius出現後，讓我們沒有那麼多的煩惱了，首先製作圓角的時間是省了，而且其還有多個優點 其一減少 的維護的工作量，少了對的更新製作，的替換等等 其 二 提高 的效能，少了對進行http的請求，網頁的載入速度將變快 其三增加視覺美觀性。既然border radius有...