一、盒模型
css裡面對便捷的樣式可以這樣理解：
乙個盒子，層層包裹，展現最完美的狀態。
四個最基本屬性：最中間的是內容（用height和width設定大小），然後可以設定內邊距（padding）、邊框（border）和外邊距（margin），使內容更加美觀，同時也可以用來改變和其他內容之間的距離，方便閱讀。
padding和margin都是邊距，都可以和-top/-right/-bottom/-left直接相連進行設定，也可以何在一起設定，乙個值就可以代表這四個方向，兩個值分別代表 上下 、左右。
border同理，同時，還可以設計border-width（寬度），border-style（風格），border-color（顏色）,當然，也可以把這三個寫在一起，直接用border： border-width border-style border-color 表示，還可以和上下左右連在一起，如border-top-style。
高階屬性：
1、overflow（溢流）：處理盒子小、內容多的現象；
auto：2、background-clip（背景剪裁）：控制背景到哪；內容被隱藏，通過滾動條檢視。
hidden：內容被隱藏。
visible（預設）：內容被顯示在盒子的外邊
border-box：和邊界一樣大；3、display（框型別，前三種比較常見）：padding-box：和內邊距一樣大，剪掉邊界的部分；
content-box：和內容一樣大，剪掉邊界+內邊距的部分；
block：塊，接著前面的繼續，和之前的內容在同一行；4、min-width、max-width、min-height、max-height（設定高、寬約束）：通過設定百分比，讓框的大小變得十分靈活。inline：行，另起一行寫入內容，並且自己獨佔一行；
inline-block：行內塊，另起一行，後面的內容可以接在它後面寫；
table：像**一樣布局；
flex：彈性布局；
grid：網格布局。
5、border-sizing（盒模型）：border-box（變成高寬是包含border和padding的新模型）
二、浮動：
根本目的就是讓文字浮動在周圍。
進一步引申為——浮動布局。img通過設定外邊距來區分和文字的距離。
先設定主內容，然後借助用float讓想要浮動的區域浮動。
以兩列為例，當然通過改變寬度和float：left可以設定n多個浮動區域。
body
div:nth-of-type(1)
div:nth-of-type(2)
國慶第五天
直接在寢室待了乙個上午 一 matlab 試了一下昨天安裝的matlab2010b發現檔案都打不開，報這個錯 undefined function or method uiopen for input arguments of type char 二 c 1.找到了個之前 裡的乙個問題 把本週開頭和...
集訓第五天
今天學習了乙個快速指數冪取餘的演算法。就拿一道題來說明 description 上初中的時候我們就學會了冪乘運算，可是我們卻不知道對於高階的冪乘，出結果的方法比較慢，那麼你有什麼更好的方法嗎？input 第1行，乙個整數n 1 n 1000 表示要計算的資料組數 第2 n 1行，每行兩個整數，第1個...
實習第五天
今天是第一周的最後一天，最近的專案中乙個類似qq聊天系統為最重要的任務，師傅交給 我的任務是用layer完成三個介面，新增好友介面 查詢好友介面以及傳送好友新增請求介面。先說明一下layer的基本頁面模板 lang en charset utf 8 傳送好友請求title rel styleshee...