『壹』 HTML+CSS基礎 新手用軟體,編譯器什麼寫代碼
如果是為了練代碼的熟悉程度,最好是使用沒有提示的編譯器,例如notepad++,editplus,這兩個沒有什麼提示,等熟練之後,可以使用sublime,hbuilder,webstorm也是很不錯的,不建議使用Dreamweaver,雖然功能很全,但是安裝包太大,打開速度慢
『貳』 CSS 的預處理程序分別都有哪些優缺點
普遍的三款 CSS 預處理器框架,分別是 Sass、Less CSS、Stylus。
CSS 預處理器概述:CSS 預處理器是一種語言用來為 CSS 增加一些編程的的特性,無需考慮瀏覽器的兼容性問題,例如你可以在 CSS 中使用變數、簡單的程序邏輯、函數等等在編程語言中的一些基本技巧,可以讓你的 CSS 更見簡潔,適應性更強,代碼更直觀等諸多好處。
總結來講就是用編程的方法來寫CSS樣式,而不是手工一行行碼,相當於從手工業時代進化到工業時代。
三種CSS 預處理器(框架)簡介:
A、SASS2007年誕生,最早也是最成熟的CSS預處理器,擁有ruby社區的支持和compass這一最強大的css框架,目前受LESS影響,已經進化到了全面兼容CSS的SCSS。
B、LESS2009年出現,受SASS的影響較大,但又使用CSS的語法,讓大部分開發者和設計師更容易上手,在ruby社區之外支持者遠超過SASS,其缺點是比起SASS來,可編程功能不夠,不過優點是簡單和兼容CSS,反過來也影響了SASS演變到了SCSS的時代,著名的Twitter Bootstrap就是採用LESS做底層語言的。
C、Stylus,2010年產生,來自Node.js社區,主要用來給Node項目進行CSS預處理支持,在此社區之內有一定支持者,在廣泛的意義上人氣還完全不如SASS和LESS。
Stylus主要優點:
1. 簡短直觀,縮進讓CSS的層次非常直觀。
2. At 屬性引用可以減少維護量。
3. 函數和Mixin,重用的利器。
CSS 預處理器優缺點:
A、可以把PostCSS和預處理器(Sass、Stylus或LESS)結合起來使用。
B、部分PostCSS插件配合預處理器將功能添加到你的工作流中,讓你工作變得更加輕松。如果只使用一個預處理器,而不使用這些插件,工作流至少會變得更加困難。
C、PostCSS插件和喜歡的預處理器(Sass、Stylus或LESS)之一結合在一起使用。
D、在常規的預處理器通過使用混合宏或函數特性像程序一樣處理代碼,達到類似的結果。不過不同的是CSS代碼,而其他一切通過插件去處理,而這個過程中不需要調用函數,也沒有混合宏等等。
使用技巧:Sass看起來在提供的特性上佔有優勢,但是LESS能夠讓開發者平滑地從現存CSS文件過渡到LESS,而不需要像Sass那樣需要將CSS文件轉換成Sass格式。
『叄』 本地CSS文件怎麼打開和編輯
可以的 任何文本編輯器都可以打開,並進行編輯,只是一般的文本編輯器沒有提示效果而已。