一、padding
1、padding是長在內容和盒子之間的，在盒子內部。
2、padding是為了調整 子元素 在 父元素裡面位置關係。
3、padding的特點：padding值會把盒子撐大。
4、如果想讓盒子保持原有大小，需要在寬高的基礎上減掉padding值。
5、給單一方向設定padding值：
padding-left/right/top/bottom:;
6、padding 設定方法：
padding:1個值 四周
padding:2個值 上下 左右
padding:3個值 上 左右 下
padding:4個值 上右下左
7、padding不能設定負值
8、 padding不會對背景圖造成影響。
9、如果乙個盒子沒有設定固定的寬和高，新增padding是不用減的。
二、margin
1、margin長在元素之外的。
2、margin控制的是 同級元素 之間的位置關係。
3、margin不會對盒子本身的寬高造成影響。
4、給單一方向新增margin值
margin-left/right/bottom/top:;
5、margin的設定方法：
margin:1個值 四周
margin:2個值 上下 左右
margin:3個值 上 左右 下
margin:4個值 上右下左
6、margin可以設定負值。
7、margin常出現的bug:
a：當父元素和第乙個子元素都沒有設定浮動的情況下，如果給第乙個子元素新增margin-top 會錯誤的把margin-top加在父元素上面。
b: 上下相鄰兩個元素之間的margin值，不會疊加，按照最大值去設定。
8、margin:0 auto; 讓當前元素在父元素裡面左右居中。
三、同級元素之間用margin，不同級元素之間用padding。
四、計算盒子在網頁中真正所佔據的空間。
占有的寬度：width + padding-left/right + border-left/right + margin-left/right。
占有的高度：height+ padding-top/bottom + border-top/bottom + margin-top/bottom。
一、元素命名：
id劃分外圍結構 -> id選用駝峰式命名法 || 語義化news/case。
版心的命名 -> 連字元命名法 news-wrap
內部內容塊的命名 -> 下劃線 news_left / news_right
二、css外部樣式表：
1、每個頁面都需要屬於自己的樣式表。
2、乙個**，都擁有公共樣式表。
3、重置樣式的樣式表。（清除所有預設樣式）
注：如果版心兩側沒有顏色平鋪，可以直接寫版心區域。
三、先引入公共樣式表和重置樣式表，再引入屬於自己的樣式表。
四、頁面布局順序：由上到下，由左到右。
五、導航遺留問題：a的區域不大，需要學習元素型別才能解決。
六、banner遺留問題：banner圖太大，無法放在版心裡，需要學習定位才能解決。
七、單行文字會有大小的誤差，通過line-height=文字大小可清除。
八、
第七天學習
練習題 1 以下類定義中哪些是類屬性，哪些是例項屬性？class c num 0 def init self self.x 4 self.y 5 c.count 62 怎麼定義私有 法？3 嘗試執行以下 並解釋錯誤原因 4 按照以下要求定義乙個遊樂園門票的類，並嘗試計算2個 1個小孩平日票價。要求 ...
前端開發學習筆記第七天
1 定位流中，設定為相對定位的元素並未脫離標準流，對於該元素仍可以設定margin屬性並可以起效果，只是起的效果相對於起原始位置 即不是他通過 top right bottom left 偏離之後的位置。2 定位流中，設定為絕對定位的元素則脫離了標準流。預設情況下，設定為絕對定位i的元素的參考點是b...
Java學習第七天
類成員 static成員 當使用例項來訪問類成員時，系統底層依然是委託該類來訪問類成員。因此，即便該類例項為null，她依然可以訪問所屬類的類成員。例如 package lesson5 單例模式 singleton 主要通過靜態變數 靜態方法和private構造方法完成。例如 package les...