css的基本使用及常用選擇器，學完了HTML還要學什么？

作為BAT的Java開發工程師來回答。不論你打算做FE還是UI，HTML只是非常基礎的前端入門語言，如果未來想在互聯網前端領域發展，你還要學習JavaScript和CSS。

三駕馬車

我在前面的回答里也強調過，如果想在前端開發發展，那么HTML，JavaScript和CSS作為前端的三駕馬車是最最基礎的入門語言，無論如何繞不開的。

據我了解，除了計科相關的職位，有些設計專業也會學習HTML。（我弟弟是學習設計的，就有一門選修課是用HTML寫一個網頁，我教了他display什么的，讓他覺得特別神奇。）也就是說，就算你未來不打算做網頁開發的FE，而打算做網頁設計的UI，對前端語言有所了解，也能對你的未來職業發展很有幫助，因為可以讓你更專業的與FE和PM溝通你的設計稿。

如果題主已經學完了HTML，那么想必已經能寫出簡單的HTML網頁框架了。在這里介紹一個小tip（也許你已經會了），可以讓你平時看到喜歡的頁面的時候就能看看當前頁面的html，從而更好的指導自己使用HTML。那就是F12按鍵，這個快捷鍵可以快速調出當前頁面的前端數據，是調試開發非常有用的工具。

不僅是看當前頁面的html和css（上圖elements），有時候前端要看點擊了某個按鈕后調用了哪些請求，攜帶了哪些參數的時候，也會用這個功能，點擊右邊紅框network即可。就可以看到當前頁面發送了哪些請求，request和response分別是什么，是前端開發者自我調代碼和查bug時候必不可少的工具。

如我上面所說，學會了HTML之后，還要學習負責描述頁面細節的CSS，和腳本語言JAVASCRIPT，這兩者也都可以通過我上面介紹的方式來調試。

學會了上述三駕馬車之后，就可以根據你的個人情況決定下一步走向：是做一個前端開發的FE，還是做設計的UI呢。其實如果是一個大一大二的學生，就算不是專業設計專業，也是來得及現在學，未來從事UI的，我們UI團隊有個妹子就是計算機專業畢業的，她和我說她本科時候最喜歡去設計專業蹭課，碩士期間的課題是人工智能，但是也不影響人家追求人生真愛，做一個UI，而且由于她堅實的計算機知識基礎，反而比其他UI更加受歡迎，升職速度也更快。

因此，題主如果現在還年輕，完全可以按照自己的真心熱愛，好好的做一個選擇。

我是蘇蘇思量，來自bat的Java開發工程師，每日分享科技類見聞，歡迎關注我，與我共同進步。

有哪些好的工具推薦？

很高興回答您的問題，希望我的回答可以對您產生幫助。

配圖網站：

免費無版權cc0圖庫

1、Pexels

www.pexels.com

2、Pixabay

https://pixabay.com/

3、Unsplash

www.unsplash.com

免摳圖PNG圖片

3png

http://3png.com/

圖標素材庫

阿里巴巴矢量圖標素材庫（iconfont）

https://www.iconfont.cn/

在線作圖網站：

1、創客貼

www.chuangkit.com

2、稿定設計

www.gaoding.com

3、圖怪獸

https://818ps.com/

微信公眾號排版工具

速排小螞蟻編輯器

https://www.xmyeditor.com/

字體網站

字由

www.hellofont.cn

追熱點網站

今日熱榜

https://tophub.today/

文案網站

TOPYS | 全球頂尖創意分享平臺

https://www.topys.cn/

思維導圖網站

ProcessOn

https://www.processon.com/

數據分析網站

清博大數據

http://www.gsdata.cn/

以上是小編工作中經常用到的一些工具，希望可以幫助到你哦~~

你的電腦上有哪些很好的軟件或網站？

之前在我的頭條號和悟空問答社區給大家推薦過不少好用的軟件，有APP的也有電腦端的。

今天看到這個問題就專門整理了一份電腦上好用的軟件或者網站給大家，希望對你有用，幫助你提高學習和工作效率，如下：

1. 愛奇藝萬能播放器

市面上播放器有很多，但跟其他相比愛奇藝萬能播放器的最大亮點在于它有個很牛逼的功能，就是可以高速下載百度網盤的東西。我們知道網盤下載資料的速度很慢，但在愛奇藝萬能播放器里面下載那速度比購買百度網盤的會員還快。

在相同網速下測試下載一個一百多兆的視頻，在百度網盤正常下載只有幾百kb/s，而在愛奇藝里面有5MB/S左右的速度，甩人家幾條街。

百度搜索「愛奇藝萬能播放器」進入官網直接下載即可。

下載安裝好之后，打開軟件在右上角找到「百度網盤」的圖標點擊打開。第一次打開有個功能初始化提示，關掉彈窗等個十幾秒再次點擊就可以了。

打開登錄自己的百度網盤，然后選擇要下載的資源直接下載即可，速度賊快。

當然除了下載網盤資料，你還可以使用它播放視頻、音頻，查看圖片等，真的是萬能。

2. 方片收集

我們每個人都有碎片知識收集的需求，看到一句優美的話、一張動人的圖片、一個視頻或者一個想法，想快速記錄下來。如果打開筆記軟件或者記事本這些工具來記錄往往顯得笨重而繁瑣。但使用方片收集這款利器可以助你高效完成收集，官網宣傳一點都不吹噓。

下載安裝好插件后，將你需要收集的資料（圖片/文字/網址/視頻）向左拖拽或點擊就能完成收集，超級方便和快速。

方片收集還有android和iOS APP，內容多端同步，實時云端保存，可以隨時查看編輯。我已不止一次推薦它了，真的好用到爆。

3. precessOn

PrecessOn是一個強大的在線繪圖平臺，無需下載，直接線上使用。支持思維導圖、業務流程圖、原型圖、組織架構圖等十多種圖形繪制，界面設計簡潔，易操作上手。

同時它提供項了目管理、財務、電商等多種腦圖模板。

說實話，有了precessOn這款繪圖集合工具，真的不需要去下載類似 Xmind 這樣笨重的客戶端，占用電腦內存，precessOn足夠滿足你的日常需求，而且使用體驗也非常不錯。

4. 優品PPT

優品PPT是一家專注于分享高質量的免費PPT模板下載網站，無需注冊登錄，所有PPT模板及相關素材免費下載，并無次數限制，另外還提供了PPT背景、教程、字體庫等相關有用素材。

5. 阿里巴巴矢量圖標庫

我們在做PPT的時候，往往需要圖標來輔助設計，圖標可以讓我們純文字的PPT變得簡潔形象，增強美感的同時也提升了可讀性，看起來更加直觀。阿里巴巴矢量圖標庫是阿里旗下一個免費提供豐富圖標的網站。網站設計簡約，功能實用，用戶體驗非常好。

選中一個下載，你可以任意修改圖標顏色和大小。

6. islide

iSlide是一款百寶箱級別的PPT插件，資源極其豐富，功能很強大智能，獲得過多數PPT相關自媒體的推薦好評，用過的人都知道。可能是目前最好用的PPT插件工具了吧。

7. Teambition

Teambition 是一款容易上手功能又強大的團隊管理軟件，不論從設計美學或功能性來看都非常棒。它可以輕松讓你在項目管理、敏捷研發、產品設計、戰略管理等場景下與他人高效協作。

8. 蟲部落

一個萬能的聚合搜索工具，你可以通過它快速搜索學術、音樂、地圖、購物、設計素材、動漫電子書等等。沒有它搜不到的，只有你想不到的。

9. 石墨文檔

一款輕便、簡潔的在線協作文檔工具，PC端和移動端全覆蓋，支持多人同時對文檔編輯和評論，讓你與他人輕松完成協作撰稿、方案討論、會議記錄和資料共享等工作。

10. Snipaste

一個超級好用的截圖神器，但是知道的人并不多，用了之后保證你不再會想到QQ截圖。

11. 高質量免費無版權圖片網站

去哪里找到好看又不用擔心版權又免費的圖片，關于找圖可以去看我頭條號專門整理的一篇分享，題目是《這6個免費無版權的高質量圖片網站能滿足你99%的找圖需求》

以上是我電腦上經常用到的軟件或者網站，都是很好用的良心產品，推薦大家都去試試。

有哪些的實用網站推薦？

我只推薦一個免費的小網站！但是這個網站足足包含了125個必備網站，搞定你PPT設計中的所有難題！

這是一個小眾的PPT導航網站，每個上面都是精品！而且完全免費，無廣告！

好吧，不裝了，我承認，我是一名PPT設計師，做了5年了，每次都有讀者一直在公眾號后臺，問我要各種網站：

邵大，PPT背景圖去哪里找？邵大，PPT圖標有好網站推薦嗎？邵大，你上次推薦的那個配色網站，叫啥來著...........

這樣的問題，每天都有很多，加上我自己也要做PPT設計，經常會用到一些網站，于是我便自己學了一些小技巧，找了一個建站的小工具，做了這個PPT的小導航網站，方便使用！

先聲明，我承諾，永久免費，無廣告！且持續更新！

要是你覺得，我比較良心，點個贊就行！

網站比較簡陋，放個圖，大家瞅瞅：

這125個網站全部是我精選的，PPT設計相關網站，分為8個大類：圖庫網站，插件工具，審美靈感，優質字體，圖標資源，配色網站，效果樣機，元素素材。

隨便舉一些例子，大家就知道這個小導航網站有多贊！

這個我自己整理的小網站，我也給你準備好了！收藏我網站的，要記得點贊哈~

這個網站的獲取方式就在下方：

01 圖庫網站

市面上的圖庫網站有很多，這個小導航網站，我只放進去了16個常用的，基本能滿足所有需求！

并且，我會對網站進行一些簡單標注，是夠免費，是什么類型的網站，都有簡單寫入簡介中！

比如，我們做美食類的PPT，可以直接打開：foodiesfeed

隨便選擇一張圖，用在PPT中都超贊：

如果你想要做一些插畫風的PPT，直接打開openpeeps。生成你想要的任何插畫素材：

想要做一些超酷的科技風PPT，找不到好看的背景圖，打開：NASA

所有超級炫酷的太空背景，都有：

隨便一張，用作PPT背景，科技風十足：

每一個網站都有自己的作用，方便設計使用！

02 插件工具

這個部分，你PPT設計，或者設計中遇到的一些問題，工具都可以幫你解決！

比如辛苦找了一張圖，但圖片太小，不夠清楚，可以用圖片無損放大網站：

自己不會PS，但是想要摳圖做出這樣的PPT效果：

超簡單，打開這個網站，點擊摳圖網站，就能一鍵搞定摳圖了：

或者想過要把自己辛苦找到額PDF文件，轉化成PPT，點擊下在線文件轉化網站，輕松GET：

這樣超好用的工具，太多了，不一一介紹了！總之，每一個都不浪費，你都能用到！

03 審美靈感

收集了我個人超喜歡逛的，9個靈感設計網站！

真的就是那就話，設計要想做的好，沒事一定要多看優秀作品!

這里想跟大家推薦下，我最近比較喜歡的小眾網站：

這是跟花瓣類似的一個網站，同樣也提供采集插件，而且，與花瓣不同的是，在這里，有很多從國外采集的設計靈感：

另外，體驗很好的一點是，它支持雙語搜索，你可以使用中文，也可以使用英文。至于網站里的案例質量，比如我們隨便搜一個『data 數據』，來看一下效果：

再比如我們搜索『食物』，來挑些靈感看一下：

超多不同的國外展示作品！很值得一看！

這個我自己寫的導航網站，我也給你準備好了，獲取方式就在下方：

04 優質字體

收錄了11個字體網站，解決字體查找的相關問題.

下次找不到商用字體時，直接看看，就能搞定！

如果幫別人做單的時候，自己用了一款字體，但不知道侵權了沒有，這時候，打開這個網站，查詢下，避免糾紛：

05 圖標資源

收錄了15個常用的圖標網站，基本能找到你需要的所有LOGO以及圖標！

比如你想要做一些可愛風的PPT，可以再這個小眾圖標網站上，找到很多可愛的圖標：

如果你想要做一些剪紙小人的PPT，圖標可以用這個網站的：

上面很多圖標都可以更改和處理：

總之哈~你要的圖標都能滿足！

06 配色網站

收錄了10個超級實用的配色網站！

遇到配色搞不定的情況，可以直接打開！

比如，你做中國風的PPT，就可以直接打開中國色網站：

輕松GET一頁PPT：

還有這個超好用的成組漸變色網站：

當然，最好用的，還是Adobe Color工具：

如果不會配色，答應我，一定要試試這個網站！

好了，其他的板塊就不一一介紹了，大家自己可以看看，很實用的！

樣機的部分，直接點開就能做出不錯的樣機頁：

不行，不能多說了，好的東西大家自己看吧！

希望我這個簡陋的小網站，能對你有幫助哈，尤其是幫你解決與PPT設計相關的問題！

網站的獲取方式，就在下方：

如果這個網站對你有幫助的話，記得點贊哦~

也可以關注我的頭條號，@旁門左道PPT。