css工具箱

Ⅰ brackets 的css-shape工具怎麼用

先點左邊工具箱的漸變工具——然後在左上方的菜單變成了漸變的相關選擇專工具條，
單擊「編輯屬」、「圖象」正下方的漸變圖塊，滑鼠移動到上面會自動顯示「點按可編輯漸變」的字樣，彈出漸變設置菜單
在下方的漸變色條上，上下分別有2個游標，上面的游標是控制顏色范圍的，下面是控制顏色的，一般沒什麼特殊要求不用動上面的。現在把滑鼠移動到色條的下面一點的空白處，滑鼠會變成手指的形狀

參考資料：http://..com/question/15467188.html

Ⅱ AdobePhotoshopCSS操作全面快捷鍵.......急需！！

一、工具箱(多種工具共用一個快捷鍵的可同時按【Shift】加此快捷鍵選取)
矩形、橢圓選框工具 【M】
移動工具 【V】
套索、多邊形套索、磁性套索 【L】
魔棒工具 【W】
裁剪工具 【C】
切片工具、切片選擇工具 【K】
噴槍工具 【J】
畫筆工具、鉛筆工具 【B】
像皮圖章、圖案圖章 【S】
歷史畫筆工具、藝術歷史畫筆 【Y】
像皮擦、背景擦除、魔術像皮擦 【E】
漸變工具、油漆桶工具 【G】
模糊、銳化、塗抹工具 【R】
減淡、加深、海棉工具 【O】
路徑選擇工具、直接選取工具 【A】
文字工具 【T】
鋼筆、自由鋼筆 【P】
矩形、圓邊矩形、橢圓、多邊形、直線 【U】
寫字板、聲音注釋 【N】
吸管、顏色取樣器、度量工具 【I】
抓手工具 【H】
縮放工具 【Z】
默認前景色和背景色 【D】
切換前景色和背景色 【X】
切換標准模式和快速蒙板模式 【Q】
標准屏幕模式、帶有菜單欄的全屏模式、全屏模式 【F】
跳到ImageReady3.0中 【Ctrl】+【Shift】+【M】
臨時使用移動工具 【Ctrl】
臨時使用吸色工具 【Alt】
臨時使用抓手工具 【空格】
快速輸入工具選項(當前工具選項面板中至少有一個可調節數字) 【0】至【9】
循環選擇畫筆 【[】或【]】
建立新漸變(在」漸變編輯器」中) 【Ctrl】+【N】

二、文件操作
新建圖形文件 【Ctrl】+【N】
打開已有的圖像 【Ctrl】+【O】
打開為... 【Ctrl】+【Alt】+【O】
關閉當前圖像 【Ctrl】+【W】
保存當前圖像 【Ctrl】+【S】
另存為... 【Ctrl】+【Shift】+【S】
存儲為網頁用圖形 【Ctrl】+【Alt】+【Shift】+【S】
頁面設置 【Ctrl】+【Shift】+【P】
列印預覽 【Ctrl】+【Alt】+【P】
列印 【Ctrl】+【P】
退出Photoshop 【Ctrl】+【Q】

三、編輯操作
還原/重做前一步操作 【Ctrl】+【Z】
一步一步向前還原 【Ctrl】+【Alt】+【Z】
一步一步向後重做 【Ctrl】+【Shift】+【Z】
淡入/淡出 【Ctrl】+【Shift】+【F】
剪切選取的圖像或路徑 【Ctrl】+【X】或【F2】
拷貝選取的圖像或路徑 【Ctrl】+【C】
合並拷貝 【Ctrl】+【Shift】+【C】
將剪貼板的內容粘到當前圖形中 【Ctrl】+【V】或【F4】
將剪貼板的內容粘到選框中 【Ctrl】+【Shift】+【V】
自由變換 【Ctrl】+【T】
應用自由變換(在自由變換模式下) 【Enter】
從中心或對稱點開始變換 (在自由變換模式下) 【Alt】
限制(在自由變換模式下) 【Shift】
扭曲(在自由變換模式下) 【Ctrl】
取消變形(在自由變換模式下) 【Esc】
自由變換復制的象素數據 【Ctrl】+【Shift】+【T】
再次變換復制的象素數據並建立一個副本 【Ctrl】+【Shift】+【Alt】+【T】
刪除選框中的圖案或選取的路徑 【DEL】
用背景色填充所選區域或整個圖層 【Ctrl】+【BackSpace】或【Ctrl】+【Del】
用前景色填充所選區域或整個圖層 【Alt】+【BackSpace】或【Alt】+【Del】
彈出「填充」對話框 【Shift】+【BackSpace】
從歷史記錄中填充 【Alt】+【Ctrl】+【Backspace】
打開「顏色設置」對話框 【Ctrl】+【Shift】+【K】
打開「預先調整管理器」對話框 【Alt】+【E】放開後按【M】
預設畫筆（在「預先調整管理器」對話框中） 【Ctrl】+【1】
預設顏色樣式（在「預先調整管理器」對話框中） 【Ctrl】+【2】
預設漸變填充（在「預先調整管理器」對話框中） 【Ctrl】+【3】
預設圖層效果（在「預先調整管理器」對話框中） 【Ctrl】+【4】
預設圖案填充（在「預先調整管理器」對話框中） 【Ctrl】+【5】
預設輪廓線（在「預先調整管理器」對話框中） 【Ctrl】+【6】
預設定製矢量圖形（在「預先調整管理器」對話框中） 【Ctrl】+【7】
打開「預置」對話框 【Ctrl】+【K】
顯示最後一次顯示的「預置」對話框 【Alt】+【Ctrl】+【K】
設置「常規」選項(在預置對話框中) 【Ctrl】+【1】
設置「存儲文件」(在預置對話框中) 【Ctrl】+【2】
設置「顯示和游標」(在預置對話框中) 【Ctrl】+【3】
設置「透明區域與色域」(在預置對話框中) 【Ctrl】+【4】
設置「單位與標尺」(在預置對話框中) 【Ctrl】+【5】
設置「參考線與網格」(在預置對話框中) 【Ctrl】+【6】
設置「增效工具與暫存檔」(在預置對話框中) 【Ctrl】+【7】
設置「內存與圖像高速緩存」(在預置對話框中) 【Ctrl】+【8】

四、圖像調整
調整色階 【Ctrl】+【L】
自動調整色階 【Ctrl】+【Shift】+【L】
自動調整對比度 【Ctrl】+【Alt】+【Shift】+【L】
打開曲線調整對話框 【Ctrl】+【M】
在所選通道的曲線上添加新的點(『曲線』對話框中) 在圖象中【Ctrl】加點按
在復合曲線以外的所有曲線上添加新的點(『曲線』對話框中) 【Ctrl】+【Shift】加點按
移動所選點(『曲線』對話框中) 【↑】/【↓】/【←】/【→】
以10點為增幅移動所選點以10點為增幅(『曲線』對話框中) 【Shift】+【箭頭】
選擇多個控制點(『曲線』對話框中) 【Shift】加點按
前移控制點(『曲線』對話框中) 【Ctrl】+【Tab】
後移控制點(『曲線』對話框中) 【Ctrl】+【Shift】+【Tab】
添加新的點(『曲線』對話框中) 點按網格
刪除點(『曲線』對話框中) 【Ctrl】加點按點
取消選擇所選通道上的所有點(『曲線』對話框中) 【Ctrl】+【D】
使曲線網格更精細或更粗糙(『曲線』對話框中) 【Alt】加點按網格
選擇彩色通道(『曲線』對話框中) 【Ctrl】+【~】
選擇單色通道(『曲線』對話框中) 【Ctrl】+【數字】
打開「色彩平衡」對話框 【Ctrl】+【B】
打開「色相/飽和度」對話框 【Ctrl】+【U】
全圖調整(在色相/飽和度」對話框中) 【Ctrl】+【~】
只調整紅色(在色相/飽和度」對話框中) 【Ctrl】+【1】
只調整黃色(在色相/飽和度」對話框中) 【Ctrl】+【2】
只調整綠色(在色相/飽和度」對話框中) 【Ctrl】+【3】
只調整青色(在色相/飽和度」對話框中) 【Ctrl】+【4】
只調整藍色(在色相/飽和度」對話框中) 【Ctrl】+【5】
只調整洋紅(在色相/飽和度」對話框中) 【Ctrl】+【6】
去色 【Ctrl】+【Shift】+【U】
反相 【Ctrl】+【I】
打開「抽取(Extract)」對話框 【Ctrl】+【Alt】+【X】
邊緣增亮工具(在「抽取」對話框中) 【B】
填充工具(在「抽取」對話框中) 【G】
擦除工具(在「抽取」對話框中) 【E】
清除工具(在「抽取」對話框中) 【C】
邊緣修飾工具(在「抽取」對話框中) 【T】
縮放工具(在「抽取」對話框中) 【Z】
抓手工具(在「抽取」對話框中) 【H】
改變顯示模式(在「抽取」對話框中) 【F】
加大畫筆大小(在「抽取」對話框中) 【]】
減小畫筆大小(在「抽取」對話框中) 【[】
完全刪除增亮線(在「抽取」對話框中) 【Alt】+【BackSpace】
增亮整個抽取對像(在「抽取」對話框中) 【Ctrl】+【BackSpace】
打開「液化(Liquify)」對話框 【Ctrl】+【Shift】+【X】
扭曲工具(在「液化」對話框中) 【W】
順時針轉動工具(在「液化」對話框中) 【R】
逆時針轉動工具(在「液化」對話框中) 【L】
縮攏工具(在「液化」對話框中) 【P】
擴張工具(在「液化」對話框中) 【B】
反射工具(在「液化」對話框中) 【M】
重構工具(在「液化」對話框中) 【E】
凍結工具(在「液化」對話框中) 【F】
解凍工具(在「液化」對話框中) 【T】
應用「液化」效果並退回Photoshop主界面(在「液化」對話框中) 【Enter】
放棄「液化」效果並退回Photoshop主界面(在「液化」對話框中) 【ESC】

五、圖層操作
從對話框新建一個圖層 【Ctrl】+【Shift】+【N】
以默認選項建立一個新的圖層 【Ctrl】+【Alt】+【Shift】+【N】
通過拷貝建立一個圖層（無對話框） 【Ctrl】+【J】
從對話框建立一個通過拷貝的圖層 【Ctrl】+【Alt】+【J】
通過剪切建立一個圖層（無對話框） 【Ctrl】+【Shift】+【J】
從對話框建立一個通過剪切的圖層 【Ctrl】+【Shift】+【Alt】+【J】
與前一圖層編組 【Ctrl】+【G】
取消編組 【Ctrl】+【Shift】+【G】
將當前層下移一層 【Ctrl】+【[】
將當前層上移一層 【Ctrl】+【]】
將當前層移到最下面 【Ctrl】+【Shift】+【[】
將當前層移到最上面 【Ctrl】+【Shift】+【]】
激活下一個圖層 【Alt】+【[】
激活上一個圖層 【Alt】+【]】
激活底部圖層 【Shift】+【Alt】+【[】
激活頂部圖層 【Shift】+【Alt】+【]】
向下合並或合並聯接圖層 【Ctrl】+【E】
合並可見圖層 【Ctrl】+【Shift】+【E】
蓋印或蓋印聯接圖層 【Ctrl】+【Alt】+【E】
蓋印可見圖層 【Ctrl】+【Alt】+【Shift】+【E】
調整當前圖層的透明度(當前工具為無數字參數的,如移動工具) 【0】至【9】
保留當前圖層的透明區域(開關) 【/】
使用預定義效果(在」效果」對話框中) 【Ctrl】+【1】
混合選項(在」效果」對話框中) 【Ctrl】+【2】
投影選項(在」效果」對話框中) 【Ctrl】+【3】
內部陰影(在」效果」對話框中) 【Ctrl】+【4】
外發光(在」效果」對話框中) 【Ctrl】+【5】
內發光(在」效果」對話框中) 【Ctrl】+【6】
斜面和浮雕(在」效果」對話框中) 【Ctrl】+【7】
輪廓(在」效果」對話框中) 【Ctrl】+【8】
材質(在」效果」對話框中) 【Ctrl】+【9】

六、圖層混合模式
循環選擇混合模式 【Shift】+【-】或【+】
正常Normal 【Shift】+【Alt】+【N】
溶解Dissolve 【Shift】+【Alt】+【I】
正片疊底Multiply 【Shift】+【Alt】+【M】
屏幕Screen 【Shift】+【Alt】+【S】
疊加Overlay 【Shift】+【Alt】+【O】
柔光Soft Light 【Shift】+【Alt】+【F】
強光Hard Light 【Shift】+【Alt】+【H】
顏色減淡Color Dodge 【Shift】+【Alt】+【D】
顏色加深Color Burn 【Shift】+【Alt】+【B】
變暗Darken 【Shift】+【Alt】+【K】
變亮Lighten 【Shift】+【Alt】+【G】
差值Difference 【Shift】+【Alt】+【E】
排除Exclusion 【Shift】+【Alt】+【X】
色相Hue 【Shift】+【Alt】+【U】
飽和度Saturation 【Shift】+【Alt】+【T】
顏色Color 【Shift】+【Alt】+【C】
光度Luminosity 【Shift】+【Alt】+【Y】
去色 海棉工具+【Shift】+【Alt】+【J】
加色 海棉工具+【Shift】+【Alt】+【A】

七、選擇功能
全部選取 【Ctrl】+【A】
取消選擇 【Ctrl】+【D】
重新選擇 【Ctrl】+【Shift】+【D】
羽化選擇 【Ctrl】+【Alt】+【D】
反向選擇 【Ctrl】+【Shift】+【I】
載入選區 【Ctrl】+點按圖層、路徑、通道面板中的縮約圖
濾鏡
按上次的參數再做一次上次的濾鏡 【Ctrl】+【F】
退去上次所做濾鏡的效果 【Ctrl】+【Shift】+【F】
重復上次所做的濾鏡(可調參數) 【Ctrl】+【Alt】+【F】
選擇工具(在「3D變化」濾鏡中) 【V】
直接選擇工具(在「3D變化」濾鏡中) 【A】
立方體工具(在「3D變化」濾鏡中) 【M】
球體工具(在「3D變化」濾鏡中) 【N】
柱體工具(在「3D變化」濾鏡中) 【C】
添加錨點工具(在「3D變化」濾鏡中) 【+】
減少錨點工具(在「3D變化」濾鏡中) 【-】
軌跡球(在「3D變化」濾鏡中) 【R】
全景相機工具(在「3D變化」濾鏡中) 【E】
移動視圖(在「3D變化」濾鏡中) 【H】
縮放視圖(在「3D變化」濾鏡中) 【Z】
應用三維變形並退回到Photoshop主界面(在「3D變化」濾鏡中) 【Enter】
放棄三維變形並退回到Photoshop主界面(在「3D變化」濾鏡中) 【Esc】

八、視圖操作
選擇彩色通道 【Ctrl】+【~】
選擇單色通道 【Ctrl】+【數字】
選擇快速蒙板 【Ctrl】+【\】
始終在視窗顯示復合通道 【~】
以CMYK方式預覽(開關) 【Ctrl】+【Y】
打開/關閉色域警告 【Ctrl】+【Shift】+【Y】
放大視圖 【Ctrl】+【+】
縮小視圖 【Ctrl】+【-】
滿畫布顯示 【Ctrl】+【0】
實際象素顯示 【Ctrl】+【Alt】+【0】
向上卷動一屏 【PageUp】
向下卷動一屏 【PageDown】
向左卷動一屏 【Ctrl】+【PageUp】
向右卷動一屏 【Ctrl】+【PageDown】
向上卷動10 個單位 【Shift】+【PageUp】
向下卷動10 個單位 【Shift】+【PageDown】
向左卷動10 個單位 【Shift】+【Ctrl】+【PageUp】
向右卷動10 個單位 【Shift】+【Ctrl】+【PageDown】
將視圖移到左上角 【Home】
將視圖移到右下角 【End】
顯示/隱藏選擇區域 【Ctrl】+【H】
顯示/隱藏路徑 【Ctrl】+【Shift】+【H】
顯示/隱藏標尺 【Ctrl】+【R】
捕捉 【Ctrl】+【;】
鎖定參考線 【Ctrl】+【Alt】+【;】
顯示/隱藏「顏色」面板 【F6】
顯示/隱藏「圖層」面板 【F7】
顯示/隱藏「信息」面板 【F8】
顯示/隱藏「動作」面板 【F9】
顯示/隱藏所有命令面板 【TAB】
顯示或隱藏工具箱以外的所有調板 【Shift】+【TAB】
文字處理(在字體編輯模式中)
顯示/隱藏「字元」面板 【Ctrl】+【T】
顯示/隱藏「段落」面板 【Ctrl】+【M】
左對齊或頂對齊 【Ctrl】+【Shift】+【L】
中對齊 【Ctrl】+【Shift】+【C】
右對齊或底對齊 【Ctrl】+【Shift】+【R】
左／右選擇 1 個字元 【Shift】+【←】/【→】
下／上選擇 1 行 【Shift】+【↑】/【↓】
選擇所有字元 【Ctrl】+【A】
顯示/隱藏字體選取底紋 【Ctrl】+【H】
選擇從插入點到滑鼠點按點的字元 【Shift】加點按
左／右移動 1 個字元 【←】/【→】
下／上移動 1 行 【↑】/【↓】
左／右移動1個字 【Ctrl】+【←】/【→】
將所選文本的文字大小減小2 點象素 【Ctrl】+【Shift】+【<】
將所選文本的文字大小增大2 點象素 【Ctrl】+【Shift】+【>】
將所選文本的文字大小減小10 點象素 【Ctrl】+【Alt】+【Shift】+【<】
將所選文本的文字大小增大10 點象素 【Ctrl】+【Alt】+【Shift】+【>】
將行距減小2點象素 【Alt】+【↓】
將行距增大2點象素 【Alt】+【↑】
將基線位移減小2點象素 【Shift】+【Alt】+【↓】
將基線位移增加2點象素 【Shift】+【Alt】+【↑】
將字距微調或字距調整減小20/1000ems 【Alt】+【←】
將字距微調或字距調整增加20/1000ems 【Alt】+【→】
將字距微調或字距調整減小100/1000ems 【Ctrl】+【Alt】+【←】
將字距微調或字距調整增加100/1000ems 【Ctrl】+【Alt】+【→】

Ⅲ 我安裝的visual studio 2008中為什麼沒有css樣式工具箱呢

什麼意思？
什麼是CSS樣式工具箱？？
你用VS的其他版本有？
VS裡面沒有這個，會有隻能提示的！！！

Ⅳ ASP.NET和HTML+CSS+JAVASCRIPT有什麼區別

呵呵復 HTML/CSS/JAVASCRIPT 是運行在客戶端的 比如制說你訪問 網路 那麼 HTML/CSS/JAVASCRIPT代碼的運作和生成 是在你的電腦上 而 ASP.NET 代碼的編譯和執行 則是在網路的伺服器上 網路的伺服器首先會經過編譯 然後把相應的ASP.NET的代碼轉換成 HTML 然後在返回給你本機的伺服器 最明顯的就是 你用HTML寫的button 單擊時頁面是不動的 但如果用 ASP<asp:button> 的話 你會發現 頁面重新生成了一次 還有一點 就是 你要記住 IE也好 火狐也好 所有的瀏覽器 都只能識別HTML代碼

Ⅳ Sublime在配置CSS編輯輔助工具包時出現錯誤

情形一：Package Control：There are no packages available for installation

據StackOverflow上說是IPv6造成，如果我們的Intent服務提供者（ISP）不支持IPv6就會引發上述錯誤，原文如下：
This error is happened with IPv6 problem. If yourInternet Service Provider (ISP) does not support for IPv6 you got this error.
如果IPV6有問題，curl就會列印類似這樣的錯誤：
curl: (7) Failed to connect to xxxxx...
找到了問題原因，下面著手解決它。
第一步：取得sublime.wbond.net的IPv4地址。在命令提示符中輸入以下命令：
pingsublime.wbond.net

第二步：打開C:\Windows\system32\drivers\etc\hosts文件，增加如下對應關系：{IPv4 address}sublime.wbond.net

保存文件，然後再打開Package Control（快捷鍵Ctrl+Shift+P）開始安裝即可。
情形二：Package Control：Unableto download
Emmet.Please view the console for more details./Error while loading PyV8
binary:exit code 3…

類似這種插件無法下載的問題，一般是由於網速慢，或者目標域名被牆而無法正常訪問導致的。
這種情況下，首先檢查本地網路是否可以訪問，檢測下載速度是不是特別慢，
如果網速太慢，換個時間再安裝。還有一個辦法是：到github或第三方網站手動下載安裝包，然後解壓到安裝目錄下的/Packages目錄下。
比如我的Emmet則需要解壓到D:\ProgramFiles\Sublime Text 2\Data\Packages\Emmet目錄下。
另外許多插件都依賴於Python的，在插件安裝開始時會去下載Python相關資源，
比如，Emmet安裝就會先下載你系統位數一致的Python版本，我們在debug窗口可以看到這些信息：

其中有兩條，表示下載失敗，原因一般是網速慢請求超時或被牆了。
Emmet: Loading PyV8 binary from https://raw.github.com/emmetio/pyv8-binaries/master/pyv8-win64.zip
Emmet.pyv8loader: Unable to download package fromhttps://raw.github.com/emmetio/pyv8-binaries/master/pyv8-win64.zipWrong URL error
同時，pyv8下載失敗會彈出一個提示框：

這時候，我們按照給出的zip包下載地址手動下載PyV8的安裝包（PyV8的項目地址為https://github.com/emmetio/pyv8-binaries#readme，可以根據系統種類選擇對應安裝包），下載成功後打開菜單Preferences – Browser Packages，然後解壓到子目錄PyV8內。比如我的對應目錄是D:\Program Files\Sublime Text2\Data\Packages\PyV8\win64（若你的是32位系統，最終目錄則為win32）。
大多數情況，PyV8安裝好了以後，再安裝需要的其他插件便可順利進行了。
情形三：無法調出Package Control或未安裝PackageControl
首次安裝或重新安裝的方式是一樣的，首先打開控制台（Ctrl+~），不過Sublime Text的版本不同，執行的命令是不一樣的。
對於Sublime Text2輸入以下命令執行：
[python]view plain

importurllib2,os,hashlib; h =''+''; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp )ifnotos.path.exists(ipp)elseNone; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen('http://packagecontrol.io/'+ pf.replace(' ','%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf),'wb').write(by)ifdh == helseNone;print('Error validating download (got %s instead of %s), please try manual install'% (dh, h)ifdh != helse'Please restart Sublime Text to finish installation')
對於Sublime Text 3需要輸入如下的命令：
[python]view plain

importurllib.request,os,hashlib; h =''+''; pf ='Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen('http://packagecontrol.io/'+ pf.replace(' ','%20')).read(); dh = hashlib.sha256(by).hexdigest();print('Error validating download (got %s instead of %s), please try manual install'% (dh, h))ifdh != helseopen(os.path.join( ipp, pf),'wb').write(by)
執行完後，Package Control安裝成功。此時便可以調出PackageControl命令輸入面板（Ctrl+Shift+P），輸入install
除了使用上述命令安裝法，還可手動安裝，需要的可訪問官網查看https://packagecontrol.io/installation#st3
三、 安裝官方原版
上面的問題解決了，但是想想這么強大的工具，這么多的問題，持懷疑態度。折騰了這么久再卸載了有點太可惜了。不過為了弄清楚問題根本，狠狠心，果斷卸載了我一直使用的Sublime Text 2 某破解優化版，其中已集成了JsFormat，Alignment，Emmet等這些常用的插件。卸載後去官網下載了官方版本http://www.sublimetext.com/2
並安裝完成。
這次安裝，先不要著急打開Sublime
Text。為了以後安裝方便，決定不再使用系統默認的Packages安裝路徑C:\Users\Administrator\AppData
\Roaming\Data，在Sublime Text2的安裝目錄下新建文件夾/Data，該文件夾創建完成後再打開Sublime
Text程序，我們發現，Packages被安裝在了當前創建的文件夾下（我的路徑是D:\Program Files\Sublime Text
2\Data）。稍後把其他必備插件裝全了，我們備份一下Sublime
Text 2文件夾，這樣以後走到哪都可以無須一步步重新安裝，快速部署我們的Sublime Text環境。

這次安裝了七八個插件，也沒有出現一次上述錯誤，說明官方版本還是比較靠譜比較穩定的。雖然每個月都會彈出付費注冊提
示，不過不影響使用就這樣用吧。有潔癖的我建議你安裝Sublime Text
3，本人測試發現最新版這個破解版相對來說比國內流行的某v2版要穩定的多，不過支持ST3的插件目前相對少一些。
英文官方原版首次使用時，會有兩個依賴包升級提示:

或

點「確定關閉」即可，無須理會。
四、Sublime必備插件
補充幾個必備的開發插件，不了解作用的自行查找吧。
必備的：Alignment，JsFormat，CSSComb，CTags，DocBlockr，Emmet，FileDiffs，SASS，LESS，SASS Build，Lessc，Git，SublimeLinter
另外還有幾個不錯的，可以選擇使用：Terminal，Trimmer，ColorPicker，ConverToUTF8等。
五、補充知識
最後普及幾個需要了解的知識：
1.所裝的插件列表(有些不在裡面)
D:\Program Files\Sublime Text2\Data\Packages\User\Package Control.sublime-settings
2. Package Control常用的命令InstallPackage (安裝擴展)、List Packages (列出全部擴展)、Remove Package (移除擴展)、Upgrade Package (升級擴展)
3.插件熱鍵沖突，可以自定義修改：Preferences > Package Settings > Alignment（或其他插件名）> Key Bindding - User然後寫入快捷鍵。（有些插件需要到安裝目錄下的配置文件修改）
4.有Package Control其他相關問題上，上github項目查找。
https://github.com/wbond/package_control/issues?q=is%3Aclosed
比如較常見的問題Package control fails to download new packages：
https://github.com/wbond/package_control/issues/736
5.列一下常用的快捷鍵：
Ctrl+D 選詞 （反復按快捷鍵，即可繼續向下同時選中下一個相同的文本進行同時編輯）
Ctrl+G 跳轉到相應的行
Ctrl+J 合並行（已選擇需要合並的多行時）
Ctrl+L 選擇整行（按住-繼續選擇下行）
Ctrl+M 游標移動至括弧內開始或結束的位置
Ctrl+T 詞互換
Ctrl+U 軟撤銷
Ctrl+P 查找當前項目中的文件和快速搜索；輸入 @ 查找文件主標題/函數；或者輸入 : 跳轉到文件某行；
Ctrl+R 快速列出/跳轉到某個函數
Ctrl+K Backspace 從游標處刪除至行首
Ctrl+KB 開啟/關閉側邊欄
Ctrl+KK 從游標處刪除至行尾
Ctrl+KT 折疊屬性
Ctrl+KU 改為大寫
Ctrl+KL 改為小寫
Ctrl+K0 展開所有
Ctrl+Enter 插入行後（快速換行）
Ctrl+Tab 當前窗口中的標簽頁切換
Ctrl+Shift+A 選擇游標位置父標簽對兒
Ctrl+Shift+D 復制游標所在整行，插入在該行之前
ctrl+shift+F 在文件夾內查找，與普通編輯器不同的地方是sublime允許添加多個文件夾進行查找
Ctrl+Shift+K 刪除整行
Ctrl+Shift+L 滑鼠選中多行（按下快捷鍵），即可同時編輯這些行
Ctrl+Shift+M 選擇括弧內的內容（按住-繼續選擇父括弧）
Ctrl+Shift+P 打開命令面板
Ctrl+Shift+/ 注釋已選擇內容
Ctrl+Shift+↑可以移動此行代碼，與上行互換
Ctrl+Shift+↓可以移動此行代碼，與下行互換
Ctrl+Shift+[ 折疊代碼
Ctrl+Shift+] 展開代碼
Ctrl+Shift+Enter 游標前插入行
Ctrl+PageDown 、Ctrl+PageUp 文件按開啟的前後順序切換
Ctrl+Z 撤銷
Ctrl+Y 恢復撤銷
Ctrl+F2 設置書簽
Ctrl+/ 注釋整行（如已選擇內容，同「Ctrl+Shift+/」效果）
Ctrl+滑鼠左鍵 可以同時選擇要編輯的多處文本
Shift+滑鼠右鍵（或使用滑鼠中鍵）可以用滑鼠進行豎向多行選擇
Shift+F2 上一個書簽
Shift+Tab 去除縮進
Alt+Shift+1~9（非小鍵盤）屏幕顯示相等數字的小窗口
Alt+. 閉合當前標簽
Alt+F3 選中文本按下快捷鍵，即可一次性選擇全部的相同文本進行同時編輯
Tab 縮進 自動完成
F2 下一個書簽
F9 行排序(按a-z)
F11 全屏模式

Ⅵ 能不能推薦一下CSS的壓縮軟體和js的壓縮軟體

YUI Compressor 是一個用來壓縮 JS 和 CSS 文件的工具，採用Java開發。使用方專法：//壓縮JSjava -jar yuicompressor-2.4.2.jar --type js --charset utf-8 -v src.js > packed.js//壓縮CSSjava -jar yuicompressor-2.4.2.jar --type css --charset utf-8 -v src.css > packed.css下載地屬址 http://www.julienlecomte.net/yuicompressor/yuicompressor-2.4.2.zip

Ⅶ 求一套前端開發在線工具箱源碼，比如在線HTML轉JS等。

你好，請下面的鏈接里，安裝下瀏覽器擴展，在擴展文件中就能找到源碼。

網頁鏈接

若有幫助，請採納，謝謝

Ⅷ 學習html5+css3用什麼軟體

‍

1、Sublime Text

這個相比上面三個，要輕量級得多。因為不是用 web
技術構建的桌面應用，啟動速度也更快，更符合一個編輯器應該有的樣子。不過擴展數量無法跟上面幾個相比。前端開發上來說，已經跟不上 atom 和
vscode，所以我不是很想推薦它。但是作為一個 Text Editor 它絕對是首選之一。

2、DreamWeaver

Adobe Dreamweaver，簡稱「DW」，中文名稱 "夢想編織者"，是美國MACROMEDIA公司開發的集網頁製作和管理網站於一身的所見即所得網頁編輯器，DW是第一套針對專業網頁設計師特別發展的視覺化網頁開發工具，利用它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁.也是老牌的集成開發環境，就是貴了點。

3、VisualStudio Code (vscode)

Microsoft在2015年4月30日Build 開發者大會上正式宣布了 Visual Studio Code 項目：一個運行於 Mac OS X、Windows和 Linux 之上的，針對於編寫現代 Web 和雲應用的跨平台源代碼編輯器。

該編輯器也集成了所有一款現代編輯器所應該具備的特性，包括語法高亮（syntax
high lighting），可定製的熱鍵綁定（customizable keyboard bindings），括弧匹配（bracket
matching）以及代碼片段收集（snippets）。Somasegar 也告訴筆者這款編輯器也擁有對 Git 的開箱即用的支持。

4、Brackets Adobe

也是很輕巧的一個編輯器特別適合網頁開發。關鍵是有及時預覽功能可以隨時隨地地在學習教程的時候調試，開源的前端開發工具。這個基本上是完全為前端准備的，支持插件。起初用過一段時間，體驗很不錯的。

5. HBuilder

快，是HBuilder的最大優勢，通過完整的語法提示和代碼輸入法、代碼塊等，大幅提升HTML、js、css的開發效率。

6. Aptana Studio

ptanaStudio是一個基於Eclipse的集成式Web開發環境，其最廣為人知的是它非常強悍的JavaScript編輯器和調試器。AptanaStudio可以支持多種AJAX和JavaScript工具箱，包括JavaScript編輯和調試。此外，Aptana還吸收了Radrails項目，添加了非常強大的RubyonRails支持。隨著蘋果公司iPhone手機的發布，Aptana也推出了功能完備的iPhone集成開發功能，在Adobe公司的RIA產品AIR推出不久之後，Aptana就支持了AIR的開發環境。如今AptanaStudio支持如下8大方面的開發功能.

我個人推薦的Sublime Text，輕量級，僅需要一點插件就會非常好用。配色逼格很高!

Ⅸ 如何覆蓋css的float樣式

覆蓋CSS的float怎麼覆蓋：
float 是 css 的定位屬性。在傳統的印刷布局中，文本可以按照需要圍繞圖片。一般把這種方式稱為「文本環繞」。在網頁設計中，應用了CSS的float屬性的頁面元素就像在印刷布局裡面的被文字包圍的圖片一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是一個明顯的不同。絕對定位的頁面元素被從網頁流裡面移除了，就像印刷布局裡面的文本框被設置為無視頁面環繞一樣。絕對定位的元素不會 影響其它元素，其它元素也不會影響它，無論它是否和其它元素挨著。
像這樣在一個元素上用CSS設置浮動：
#sidebar { float: right; }

fload屬性有四個可用的值：Left 和Right 分別浮動元素到各自的方向，None (默認的) 使元素不浮動，Inherit 將會從父級元素獲取float值。
Float的用處
除了簡單的在圖片周圍包圍文字，浮動可用於創建全部網頁布局。

Float對小型的布局同樣有用。例如頁面中的這個小區域。如果我們在我們的小頭像圖片上使用Float，當調整圖片大小的時候，盒子裡面的文字也將自動調整位置：

同樣的布局可以通過在外容器使用相對定位，然後在頭像上使用絕對定位來實現。這種方式中，文本不會受頭像圖片大小的影響，不會隨頭像圖片的大小而有相應變化。

清除Float
清除(clear)是浮動(float)的相關屬性.一個設置了清除Float的元素不會如浮動所設置的一樣，向上移動到Float元素的邊界，而是會忽視浮動向下移動。如下，一圖頂千言。

上例中，側欄向右浮動，並且短於主內容區域。頁腳(footer)於是按浮動所要求的向上跳到了可能的空間。要解決這個問題，可以在頁腳(footer)上清除浮動，以使頁腳(footer)待在浮動元素的下面。
#footer { clear: both; }

清除(clear)也有4個可能值。最常用的是 both，清楚左右兩邊的浮動。left 和 right 只能清楚一個方向的浮動。none 是默認值，只在需要移除已指定的清除值時用到。inherit 應該時第五個值，不過很奇怪的是 IE 不支持(這個不奇怪吧，IE 從來都這么特立獨行吧 －糖伴西紅柿注)。只清除左邊或右邊的浮動，實際中很少見，不過絕對有他們的用處。

偉大的塌陷
使用浮動(float)的一個比較疑惑的事情是他們怎麼影響包含他們的父元素的。如果父元素只包含浮動元素，那麼它的高度就會塌縮為零。如果父元素不包含任何的可見背景，這個問題會很難被注意到，但是這是一個很重要的問題。

塌陷的直觀對立面更不好，看看下面的情況：

當上面的塊級元素自動擴展以適應浮動元素時，段落間的文本流中會出現非自然的空白換行，而且沒有有效的方法來修正這個問題。對於這種情況，設計師的抱怨會更甚於對塌陷的抱怨（沒理解，不是設計完成之後才會進行頁面編碼嗎？－ 糖伴西紅柿）。
為了防止怪異的布局和跨瀏覽器的問題，塌陷問題幾乎總是被要處理的。我們在容器中的浮動元素之後，容器結束之前來清除浮動。
清除浮動的技術
如果你很明確的知道接下來的元素會是什麼，可以使用 clear:both; 來清除浮動。這個方法很不錯，它不需要 hack，不添加額外的元素也使得它有良好的語義性。當然事情並不是都可以這樣解決的，工具箱中還是需要另外幾個清除浮動的工具。
空div方法從字面來看，是一個空的 div。
。有時可能會用
或者一些其他元素，但是 div 是最常用的，因為它沒有瀏覽器默認樣式；沒有特殊功能，而且一般不會被 css 樣式化。這個方法因為只是為了表現，對頁面沒有上下文涵義而被純語義論者嘲笑。誠然，從嚴格的角度來說他們是對的，但是這個方法有效而且沒有任何傷害。
overflow 方法在父元素上設置 overflow 這個 css 屬性。如果父元素的這個屬性設置為 auto 或者 hidden，父元素就會擴展以包含浮動。這個方法有著較好的語義性，因為他不需要額外元素。但是，如果需要增加一個新的 div 來使用這個方法，其實就和空 div 方法一樣沒有語義了。而且要記住，overflow 屬性不是為了清除浮動而定義的。要小心不要覆蓋住內容或者觸發了不需要的滾動條。
簡單清除方法使用了一個聰明的 css 偽選擇符(:after)來清除浮動。比起在父元素上設置 overflow，只需要給它增加一個額外的類似於」clearfix」的類。這個類使用如下 css:
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}

這會在清除浮動的父元素之後應用一點看不見的內容。這不是全部內容，還需要一些額外的代碼來適應那些老舊的瀏覽器。
不同的情況需要不同的浮動清除方法。以一個具有不同樣式塊的網格為例。

為了從視覺上較好的把相似的塊聯系起來，需要在必要的地方開啟新行，這里是顏色改變的地方。如果每個顏色組都有一個父元素的話，我們可以使用 overflow 或者 簡單清除方法。或者，在每組之間用一個空div方法。額外的 div 之前並不存在，可以自己試試來看看哪個方法好。

Ⅹ 如何在CSS 標簽中使用Flask

FLask 是一個基於python編寫的輕量級別的框架，其 WSGI 工具箱採用 Werkzeug ，模板引擎則使用 Jinja2 。Flask使用 BSD 授權。具體的使用方法可以參考下使用文檔。