Notepad++是免費軟件，可以免費使用，自帶中文，支持眾多計算機程序語言CC++JavapascalC#，XMLSQLAdaHTMLPHPASP，AutoIt，匯編，DOS批處理CamlCOBOLCmakeCSS，DDiffActionScriptFortranGu。

常用的網(wǎng)頁編輯軟件包括Adobe DreamweaverNotepad++Sublime Text和Visual Studio Code等其中，推薦Notepad++和Visual Studio Code作為靜態(tài)網(wǎng)頁制作和代碼編寫軟件Notepad++是一款免費的代碼編輯器，具有豐富的功能和插件，可以。

1Flexplorer Flexbox能在屏幕上實時查看效果以及代碼還可以編輯文本框，并查看文本框的響應式布局代碼這種學習方式非常有趣，很適合新手2GridGarden 這個是通過互動游戲，來提示你編寫CSS代碼來種植胡蘿卜園這也是一。

CSS代碼分析統(tǒng)計工具CSS StatsCss Stats是一款在線CSS代碼分析工具，輸入網(wǎng)站CSS網(wǎng)址即可進行CSS代碼分析Css Stats是前端網(wǎng)頁設計師分析網(wǎng)站CSS代碼的利器，可以統(tǒng)計CSS代碼里的規(guī)則字體大小寬度高度顏色數(shù)等等對于網(wǎng)頁。

Bootstrap，就是上面說的，它就是一個網(wǎng)站前端框架架設專用的一款代碼軟件，它的代碼寫的規(guī)范，優(yōu)化型好利于網(wǎng)站的代碼優(yōu)化Bootstrap最重要的一點就是它是優(yōu)先于移動端的也就是說主要服務對象是移動端，如手機平板等。

一 css工具1 emmet Emmet Documentation a 可以以插件的形式安裝在dreamweaver，notepad++，editplus，sublime各個編輯器上Zen Coding 一種快速編寫HTMLCSS代碼的方法 zen coding更名為emmet，新加更多特性 zen coding更新。

推薦1初學div+css，建議先從Dreamweaver開始，萌新都是從這里走過來的，完善的功能和測試功能，以及代碼提示和補全功能推薦2HBuilder后起之秀，也是一款強悍的代碼編輯器軟件，該軟件聲稱360度提示無死角，也不虛此言。

常用的寫代碼軟件有以下幾個1WebStormWebStorm是jetbrains公司旗下一款JavaScript開發(fā)工具目前已經(jīng)被廣大中國JS開發(fā)者譽為“Web前端開發(fā)神器”“最強大的HTML5編輯器”“最智能的JavaScriptIDE”等2SublimeText。

ProCSSor是一個很不錯的CSS代碼美化工具，它可以輕松的把代碼轉換成很美觀的格式jsFiddle JsFiddle有多種用途，其中一個用法就是可以在線編輯HTML，CSS和JavaScript片段，而且代碼可以分享，還可以嵌入到你的博客中等等Frame。

adobe AIR 哎，鬼才，別人純扯蛋的，要不就是自賣自夸鬼才應該都在開發(fā)點改變業(yè)界的新技術，恐怕鬼才才不愿意花時間寫這種玩具軟件就是個算圖片尺寸坐標 + 生成下css背景代碼中的定位值，又沒啥技術含量，隨便抓一。

評價一下以上幾款用過的工具，都說Dreamweaver是新手才用的，我有同感，最早寫頁面，經(jīng)常用可視模式調(diào)試頁面，后來熟練了后，就用不到了，軟件安裝文件大，啟動慢，就不用了，sublime，HBuilder和Webstorm其實差別不是很大。

CSSVista是一款Windows只能在XP上使用平臺的第三方CSS編輯工具，當然，它是免費的它的主要功能就是將FFIE6以及CSS編輯器集合到一個框架里面可以所見即所得的對頁面進行CSS調(diào)試運行軟件后打開頁面文件或直接在地址。

所以我們在學習建網(wǎng)站的時候，這個代碼編輯軟件一定要下載使用1軟件的優(yōu)勢快速靈活的編碼借助簡化的智能編碼引擎，輕松創(chuàng)建編碼和管理動態(tài)網(wǎng)站訪問快速理解和編輯HTMLCSS和其他Web標準的代碼提示使用視覺輔助工具減少。

首先，那是HTML 其次，不需要很復雜的軟件，單純的記事本都可以編輯，只要把文件的后綴名改成 html 最后，寫CSS可以嵌入到HTML里面去，或者另外弄個文本文件，后綴名改為 css 想深入學習的話，推薦dreamweaver，去百度一。

不過我強烈推薦你使用firefox的webdeveloper插件，這個在查找div css錯誤時非常好用，畢竟再所見即所得的編輯器也有不足的地方，兩者配合使用非常好另外針對IE對CSS的支持問題，你可以安裝IETester軟件，這個軟件可以從IE5到。

這個東東，對各種代碼全部有顏色提示，如果熟悉其快捷方式的話，可以快速插入html\Css\Js\php\DHtml\SQL等等語句或標記3實在找不到好用的，那還有系統(tǒng)自帶的Gedit可用啊這個東東，同樣對所有代碼進行了不同顏色的高亮。