維網站工程專業，主攻Web前端開發，致力于前端開發、HTML5全棧開發技術及管理人才的培養。

Html有許多優點，比如全新的標簽，可以使網頁內容更為豐富和細致；網站優化也變得更為簡單，對用戶來說，體驗也更好，并且相對來說，Html的可移植性相對較好。

現在，HTML5成為移動互聯網的熱門技術，它正在迅速地席卷行業，眾多手機APP誕生也離不開它。相較后臺與數據，Web前端是直接與用戶接觸打交道的，在這個用戶體驗為王的時代，前端往往決定了流量。所以，Web前端是十分火熱的崗位，那么它的收入也是水漲船高咯。

目前，Web前端技術已經深入到我們的生活之中，并且使我們的生活變得生動、豐富、有趣。類似桌面軟件的Web應用大量出現，軟件化的交互形式，都是依靠Web前端技術實現的。

八維在課程設置上，教授學生掌握CSS、HTML等開發語言，JavaScript前沿框架，全棧技術Node.js以及構建工具，從而打造中高級前端工程師、H5工程師和全棧工程師。

北京八維的網站工程專業，開設了實訓階段的項目課程，學生完全可以根據自己的職業發展規劃，選擇在校區就讀，這就增加了學生的就業選項。

八維教學宗旨是讓學生成材，讓家長滿意，讓社會認可。專業的師資隊伍強大給力，老師們都有著豐富的項目實戰經驗與教學經驗，治學嚴謹，要求嚴格。

在日知識梳理中，老師幫助學生重溫一日學習的知識點，理清知識結構；節假日補課、晚自習補課，老師用辛勤的付出為學生增強補弱；老師之間的教學pk，促進教師能力的提高，保證教學質量；與時俱進的教學課程體系研發，講師致力于構建系統性學習的課程體系，也適用于零基礎學生的學習。

瀏覽器更好用，自然離不開萬能的《油猴插件》（戳這里），通過腳本實現去廣告、繞過二次跳轉、自動翻頁、懸停看圖、扒下載鏈接等功能。雖說AC-baidu這類的腳本自帶更改頁面樣式，

但由于是1對1的，沒法改所有網站的面貌，這時候就要用到另一個插件“Stylus”了，它可以讓絕大多數網頁都變得工工整整（趕上時代）。

▌用上Stylus

插件可以直接誒從Chrome瀏覽器插件商店安裝，或者網上直接下一個。

樣式可以點擊插件中[查找更多樣式]，

接下來會列出所在網頁可用的所有樣式，供你選擇，包含源鏈接、發布日期、本周/所有下載數據等。

裝好的樣式可以在頂部選擇開關，也可以組合搭配使用（可能有bug沖突），比方說：

這一步可能需要梯子，不然可能加載不出來...你也可以到Stylish的網站userstyles.org下載安裝。

點擊[選項]進入設置界面，它支持Dropbox、Google Drive、Onedrive云同步功能，一鍵在其他電腦上同步使用，不再需要一個個手動重新添加。

▌樣式推薦

百度：Baidu Lite 百度輕

谷歌：Google Search - Material Design

IT之家：IT之家去廣告,優化閱讀

貼吧：TieBa Maverick

知乎：Flat Zhihu 扁平化知乎

微博：Weibo v6 簡約微博

斗魚：Douyu Cleaner清爽斗魚

夜讀：NightShift - eye care 全局夜間模式

字體：ForceMyFonts 全局字體美化

如果你恰巧會一點CSS，那么可以自定義修改任意樣式，也可以從頭自己做。

▌什么是CSS（層疊樣式表）？

Stylus的原理也不復雜，通過CSS層疊樣式表改變網頁樣式，什么字體、背景、邊框、網頁布局，統統在它的掌控之中，就像整形一樣，換個鼻子、調個眼睛什么的，還是全程無痛。

CSS很復雜，但是Stylus簡單好用、沒啥學習成本，所以這部分只是當簡單的拓展講一下：

那它是如何誕生的呢？這還得從1993年說起，早期網頁使用的是RRP樣式，僅支持一個樣式表，只能顯示文字，看網頁的體驗可能還不如看報紙來的豐富。之前在《瀏覽器的輝煌發展史》（戳這里）中咱們提到過一款Mosaic（馬賽克）瀏覽器，

開始采用HTML標簽實現樣式表達，支持了書簽、圖標按鈕、圖片顯示這些革命性的功能、沿用至今。網景最早支持HTML框架顯示，也就是最簡單的table布局，

可以調整內外邊距，網頁看著更舒服，優點是兼容性高，但既要負責圖文內容、又要負責排版樣式，注定了他的樣式不夠美觀。

魏培源開發的ViolaWWW瀏覽器用了有層次嵌套性的樣式表，率先支持用<Link>標簽引用外部樣式表（可以簡單理解為：你請了個美工幫你改善改善）。但各家瀏覽器各用各的，豈不是亂了套？1994年，以萬維網之父老李為首的W3C萬維網聯盟，開始提供網絡標準化建議。

同年老萊（H?kon W Lie）提出層疊HTML樣式表（CHSS）支持用戶自定義樣式，網頁作者可以自己DIY版面，不同的規則用不同的百分比呈現，這也是CSS的雛形。隔壁的波斯正在做一款Argo瀏覽器，兩人相談盛歡、打算合作。

1996年底出現了一種和CSS語法很像的表現指明語言，PSL 96，可以根據不同的瀏覽器信息，自動判斷用什么樣式。年底，CSS已經完成，支持改變字體大小、字形、顏色、間距、排列、表格、邊框、id、class等等，如果說普通網頁是你剛買到手的毛坯房，那么CSS就是你給它做裝修。

但由于早期網頁設計師濫用HTML導致了“tagsoup標簽湯”問題，哪怕微軟在IE上逐步實現CSS，但BUG依然不少（

果然BUG是微軟祖傳BUFF）。

隔壁對手網景則推出了JS（JavaScript）語言，瀏覽器大戰沒有勝者，當時的網頁設計師被迫要為IE和網景分別設計一套網頁，頭都氣禿了...

于是民間團體WaSP（網頁標準計劃）發動水軍推動W3C 標準化，怒噴那些不加盟的廠商。在1998年出臺CSS2，他們之中的7位主要成員成立了CSS 武士團（CSS Samurai），催廠商們改善對CSS的支持，Opera照做了，但微軟依舊無動于衷。

可能也是因為大家看不到CSS的優勢，覺得沒必要，但2003年，Dave Shea推出了CSS 禪意花園（CSS Zen Garden）來展示樣式效果，也就是搭了個“樣板房”，讓設計師們熱血沸騰起來。

在2006~2009年間，DIV+CSS布局開始取代傳統表格布局，CSS3引入了簡單動畫等功能，插了JS一腳，還有靈活的flex彈性布局，沿用至今，而2011年開始設計的CSS4特性目前支持的還太少。

▌其他瀏覽器

你說為啥不直接用Stylish呢？因為3年前原作者賣給SimilarWeb之后，它涉嫌竊取用戶瀏覽歷史，被Chrome和Firefox下架。而Stylus是Stylish 1.5.2的開發分支，也是原作者維護的最后一個版本，作為GH上的開源項目，代碼公開審查，可以安心食用啦。

除了Chrome外，Firefox、Opera也都支持，Safari可以用FreeStyler（你也要來一段說唱嗎），同類插件還有xStyle。當然，由于win的字體渲染并不美觀，還可以搭配MacType使用，關于它的配置方法，咱們以后繼續說。

參考&引用：

sspai.com/post/40485

sspai.com/post/45537

github.com/openstyles/stylus

zhihu.com/search?type=content&q=css

zhihu.com/question/24826065/answer/194294438

zh.wikipedia.org/wiki/層疊樣式表?oldformat=true

TML5就是HTML最新標準，是現在Web程序開發的核心、標準通用標記語言下的一個應用HTML的第五次重大修改，這是一項推薦標準。現在完成一些頁面制作、WebAPP、微網站開發以及網頁游戲等，現在都是使用HTML5標準完成的。私信【H5】領取學習資料。

那么，HTML5優點有哪些呢？

1.網絡標準

HTML5本身是由W3C推薦出來的，它的開發是通過谷歌、蘋果，諾基亞、中國移動等幾百家公司一起醞釀的技術，這個技術最大的好處在于它是一個公開的技術。換句話說，每一個公開的標準都可以根據W3C的資料庫找尋根源。另一方面，W3C通過的HTML5標準也就意味著每一個瀏覽器或每一個平臺都會去實現。

2.多設備跨平臺

用HTML5的優點主要在于，這個技術可以進行跨平臺的使用。比如你開發了一款HTML5的游戲，你可以很輕易地移植到UC的開放平臺、Opera的游戲中心、Facebook應用平臺，甚至可以通過封裝的技術發放到App Store或Google Play上，所以它的跨平臺性非常強大，這也是大多數人對HTML5有興趣的主要原因。

3.自適應網頁設計

很早就有人設想，能不能“一次設計，普遍適用”，讓同一張網頁自動適應不同大小的屏幕，根據屏幕寬度，自動調整布局（layout）。知道2010年，Ethan Marcotte提出了”自適應網頁設計“這個名詞，解決了傳統的一種局面——網站為不同的設備提供不同的網頁，比如專門提供一個mobile版本，或者iPhone / iPad版本。

4.即時更新

游戲客戶端每次都要更新，很麻煩。可是更新HTML5游戲就好像更新頁面一樣，是馬上的、即時的更新。

HTML5是最近十幾年來 Web 開發標準最巨大的飛躍，Html5 的發展給移動互聯網應用帶來了全新的變化，也為移動互聯網中富媒體的應用提供了新的思路。