這裡使用了乙個叫做cutterman的外掛程式極大的方便了切圖
使用ps的一些技巧：
一般來說是ui圖中大小除以2寫在css裡
但是準確來說並不是這樣的
為了保證在各種螢幕上的不失真，就要根據實際螢幕寬度做等比例換算，才能寫進css：需要滿足：
2、我們將根元素基準值設定為100px然而為了不失真要計算出對應的比例，於是1rem=螢幕寬度/ui設計圖寬度*100px
3、於是：寫入css的尺寸 = ui圖標註的尺寸/100px*1rem
為什麼一開始在css樣式中給body設定font-size：62.5%？
font-size=62.5%這就使em值變為16px*62.5%=10px。這樣1rem=10px，1.2rem=12px利於我們進行換算。
其他的單位
vwcss3新單位，viewpoint width的縮寫，視窗寬度，1vw等於視窗寬度的1%
vhcss3新單位，viewpoint height的縮寫，視窗高度，1vh等於視窗高度的1%。
vm（不推薦使用）
css3新單位，相對於視口的寬度或高度中較小的那個。其中最小的那個被均分為100單位的vm
img標籤的方式
背景圖的方式
作用：自適應螢幕大小了，而且不會出現橫向的滾動條這是因為在轉換為web格式時，有時候會預設轉換為png8的格式，這是一種質量比較低的格式。我自己在做任務的時候也遇到過這個問題，只需要看在轉換時把格式選擇png24就行了。
在html頭部增加viewport標籤，允許網頁寬度自動調整
不使用絕對寬度
流動布局 各個區塊的位置都是浮動的，不是固定不變的。
mediaquery模組 選擇載入css
css的@media規則
的自適應（fluid image）
自適應是指可以自動識別螢幕寬度、並做出相應調整的網頁設計。
那麼如何來區分自適應和響應式
響應式和自適應兩種布局方式都是為了解決在不同大小和解析度的裝置上正確顯示網頁的問題。不同的是兩種布局方式採取了不同的解決方法。
響應式與自適應的原理是相似的，都是檢測裝置，根據不同的裝置採用不同的css，而且css都是採用的百分比的，而不是固定的寬度，不同點是響應式**在不同的裝置上看上去是不一樣的，會隨著裝置的改變而改變模板樣式、模組排版、展示樣式。而自適應不會，所有的裝置看起來都是一樣的**，不過是長度或者變小了，不會根據裝置採用不同的展示樣式。
選擇器的型別可大致劃分為：基礎選擇器、組合選擇器、屬性選擇器、偽類選擇器和偽元素等
組合選擇器
屬性選擇器
偽類選擇器
偽元素瀏覽器通過優先順序來判斷哪些屬性值與乙個元素最為相關，從而在該元素上應用這些屬性值。優先順序是基於不同種類選擇器組成的匹配規則。
一般來說優先順序規則是：
！important > 內聯 > id > 類 > 標籤 | 偽類 | 屬性選擇 > 偽物件 > 繼承 > 萬用字元< a >標籤定義超連結，用於從一張頁面鏈結到另一張頁面
< a > 元素最重要的屬性是 href 屬性，它指示鏈結的目標
a鏈結的四種狀態
所以a:hover定義一定要放在a:link、a:visited的後面！
什麼時候用margin？什麼時候用padding？
使用margin：
用padding：
margin是用來隔開元素與元素的間距；padding是用來隔開元素與內容的間隔。margin用於布局分開元素使元素與元素互不相干；padding用於元素與內容之間的間隔，讓內容（文字）與（包裹）元素之間有一段「呼吸距離」
畫素：手機螢幕顯示出畫面是由乙個個發光的小點組成的，每個小點就是畫素。
dpr = 裝置畫素 / css畫素(某一方向上)
以iphone5為例，iphone5的css畫素為320px*568px，dpr是2，所以其裝置畫素為640px*1136px
解析度是單位長度內包含畫素點（物理）的數量，通常以畫素每英吋ppi（pixel per inch）為單位來表示影象解析度的大小，例如解析度為72ppi表示每英吋包含72個畫素點，解析度越高，包含的畫素點就越多，影象越清晰，但占用的儲存空間就越大。
Linux下任務管理的命令
前台 可以控制與執行命令的這個環境稱為前台的任務 後台 可以自動執行的任務,無法用ctrl c終止,可使用bg,fg呼叫該任務 這個符號可以直接將任務丟到後台執行 int main return0 乙個簡單的while迴圈我們嘗試將他丟入後台 會出現 1 13150這串數字是什麼意思呢?這裡的 1 ...
排序總結（下）
一.堆排序 1 思想 基本原理也是選擇排序，只是不在使用遍歷的方式查詢無序區間的最大的數，而是通過堆來選擇無序區間的最大的數。注意 排公升序要建大堆 排降序要建小堆。2 實現 public static void heapsort int array public static void creat...
總結下吧 2008 05 10 09 11
直接把上交的總結扔上來了.gdcpc2008總結分割線 最後一場正式比賽結束了,結果不如預想中的好.不過走出賽場,倒也沒多少遺憾的感覺.要說遺憾,去年已經夠遺憾了.而且就自己來說,這次比賽還算是發揮得不錯.先流水帳一下過程吧 拿到題目,xj看a,b,c,yzx看d,e,f,我看g,h,i,j.a題 ...