1.1 工具和素材（認知）
工具 =vscode（**）+chrome（除錯）+pxcook（文字+顏色+測量）
pxcook的使用與藍湖、摩客基本一致，支援離線使用，更適合授課；
更多的設計師開始使用 sketch，不再使用 photoshop。
素材檔案
psd 原始檔：設計稿檔案，可以用工具（pxcook）提取素材並測量；
jpg 檔案：頁面效果圖，對比最終完成的網頁效果；
切**件
：由設計師提供，其中：
1.4 頁面布局整體思路
第 2 節課 / 5』41』』確認版心，居中可視區域，需要測量；
確認行模組（父級標準流）和列模組（子級浮動）；
從上到下逐一完成行模組，迴圈重複以下三步，直到頁面完成：
分析確認每個列的大小（width&height），再確認列的位置 (margin&padding)；
製作 html 結構，瀏覽確認結構正確。
1.3 確定公共樣式
/* 基礎公共樣式 */
*body
liem,ia
a:hover
imgbutton
.clearfix:before,
.clearfix:after
.clearfix:after
.clearfix
順序類別
屬性01
布局定位
display、position、float、clear、visibility、overflow
02盒子模型和背景
width、height、margin、padding、border、background
03文字屬性
color、font、text-decoration、text-align、vertical-align、white-space、break-word
04其他屬性
content、cursor、border-radius、box-shadow、text-shadow
css 的書寫順序會影響到瀏覽器的渲染效能，書寫順序記憶套路如下：
找位置 —— 標準流、浮動、定位
圈地盤 —— 寬高、間距、邊框、背景
定內容 —— 文字、顏色、下劃線、對齊、文字換行
做點綴 —— 滑鼠形狀、邊框圓角、陰影、文字陰影
第一步首先確定版心：
/* 版心 */
.w
背景顏色bcg回車，左手中指ddd很順手；
header區域完成之前不要刪除背景色，這樣可以輔助除錯。
在開發長頁面的過程中，可以臨時設定一下body的高度，通過滾動更方便除錯頁面底端的布局效果。
選中多行，按alt + shift + ↑ / ↓可以複製多行。
在開發時應該養成清除浮動的習慣，而不要等到出問題再去考慮為什麼。
不要給清除浮動新增到通欄上，因為通欄內部只有版心乙個標準流的盒子。
有些相同的樣式直接複製即可。
心情:第一遍案例是跟著老師寫的，聽得還是很明白的，聽完之後感覺自己可以寫出來了。「不出我所料」，到自己寫的時候磕磕絆絆，各種檢查除錯。不過終於還是寫出來了，捨棄了中午睡覺的時間，從9點半寫到下午4點，中間吃飯休了一會。其實還是有點挫敗感的，老師帶著寫了一遍，從頭自己寫竟然還是用了這麼長時間.寫頁面只看是不行的，還是要自己親自去敲去構思，老師講下來讓我們少走了很多彎路，也學到了很多技巧。第乙個案例成功寫完，繼續加油鴨！！！
暑假寫題第七天
啊，昨天沒有寫題。昨天算是休息了。今天也沒有寫特別多，下午把python的那個服務端指令碼整好了，打了會兒題又去搞了搞arch linux，今天還可以。今天久違了的在centos上登入，感覺非常好。arch linux下午搞了很久，但最後還是失敗了，圖形介面安裝不上，系統用不起來，重灌吧，就當連連手...
學習前端的第七天
一 padding 1 padding是長在內容和盒子之間的，在盒子內部。2 padding是為了調整 子元素 在 父元素裡面位置關係。3 padding的特點 padding值會把盒子撐大。4 如果想讓盒子保持原有大小，需要在寬高的基礎上減掉padding值。5 給單一方向設定padding值 p...
實習第七天
昨天經理說今天會刮颱風，所以我們要求停課比較好，畢竟我是乙個非常熱愛生命的人，這絕對不是因為我小時候差點被颱風刮走，真的不是因為這個！可是今天一大早，天氣很涼快，可是再如何涼快，還是沒有暴風雨即將來臨的感覺，為此我們捶胸頓足，為什麼停課，停課也不得不去，因為我們還得以實習生的身份過去，說起這ppt，...