3.1 盒子模型
邊距控制
margin/padding:上 右 下 左；
padding:內容和邊距之間的空間
margin：」盒子「外撐開的空間，兩個相鄰標籤外邊距會出現重疊和累加的現象，呈現出來的效果將是：對於垂直相鄰的標籤而言90+10=90，水平相鄰的標籤而言：90+10=100
四個值缺少某乙個，使用對邊的值
每個盒子的屬性也分三種粒度，到底選哪個粒度的屬性，要看你想要選擇的邊，以及到那條邊的哪個屬性
border\border-left-width\border-right;
盒子邊框
border-width:
border-style: 有none、hidden、dotted、dashed、solid、double、groove、ridge、inset和outset等文字值
border-color:
一、 沒有width的元素始終會將寬度擴充套件填滿其父元素為止。新增水平邊框、內外邊距，會導致內容寬度減少，減少量等於邊框+邊距
二、 設定了寬度的盒子新增邊框、邊距，會導致盒子擴充套件得更寬，實際上盒子的width屬性只是設定了盒子內容區的寬度，而非盒子要佔據的水平寬度box-sizing:（新特性）可以將盒子的行為設定成預設auto寬度的狀態
浮動與清除
float：
clear：
.class:after//避免新增多餘的文件結構
定位：
css中position包含3個值：static 、relative、absolute、fixed 預設值是static。
相對定位
position:relative
之後可以使用top、left來改變其位置
這裡的相對定位是指dom節點相對於正常的定位而言的，即原始位置為該節點在文件流裡面應該正常渲染所在的位置
絕對定位
絕對定位會將文件徹底從文件流中拿出來。
使用absolute來作為絕對定位的標識，top，left都指定的是相對頁面左上角的位置偏移量，而不是在文件流中偏移。定位的導航
>>bottom=0就是頁尾了 ^。^
固定定位
從完全移除文件劉的角度說，固定定位和絕對定位類似。
但是fixed不同的地方在於，固定定位是定位元素相對視口（瀏覽器視窗或手持裝置的螢幕），因此他不會隨一面滾動而移動隨視窗滾動的導航、外掛程式、搜尋等
>>對了，這個東西拿來做導航很不錯^。^...
定位上下文
如果父標籤為relative，子標籤的absolute將以父標籤為標準定位；
第乙個**body加上relative就是下面的效果
3.2 顯示屬性
元素的display屬性儘管很多，但是大多數元素display屬性預設不是block，就是inline。
塊級元素，段落、標題等，在瀏覽器中上下堆疊顯示。
行內元素，比如a、span和img，在瀏覽器中左右併排顯示，只有前一行沒有空間時才會顯示到下一行。
使用：display:inline(or)block;可以將塊級元素和行內元素相互切換。
display：none；元素的空間被**，頁面也不顯示。
visibility:hidden; 元素不顯示，但是佔據空間；
3 盒子模型
盒子模型是我學習css中使用頻率最高的模型，其中主要還是理解整個盒子的構成，以及其中各屬性的作用，最重要的問題就是合併巢狀問題。盒子模型 外邊距margin 邊框border 內邊距padding 內容 border color 邊框顏色 border width 邊框寬度 border style...
CSS 3 盒子模型
盒子模型解釋 元素在頁面中顯示成乙個方塊，類似乙個盒子，css盒子模型就是使用現實中盒子來做比喻，幫助我們設定元素對應的樣式。盒子模型示意圖如下 把元素叫做盒子，設定對應的樣式分別為 盒子的寬度 width 盒子的高度 height 盒子的邊框 border 盒子內的內容和邊框之間的間距 paddi...
CSS3盒子模型
2.1.2 內容區 2.1.3 邊框 border color 邊框顏色 border style 邊框樣式，也可以指定不同方向的邊框的樣式 2.1.4 內邊距 2.1.5 外邊距 通常左外邊距和上外邊距會移動自身，右外邊距和下外邊距會移動其他元素 2.2.1 水平布局 乙個元素在父元素中，水平布局...