css樣式表達的選擇器有哪些，剛開始學HTML5？

HTML5和CSS作為前端廣泛使用的編程語言，其實開發軟件非常多，既有輕巧便捷的代碼編輯器，也有厚重專業的IDE，下面我簡單介紹幾個，感興趣的朋友可以嘗試一下：

VS Code

這個是微軟開發的一個免費、開源、跨平臺的代碼編輯器，支持常見的語法提示、智能補全、代碼高亮、Git等功能，插件擴展豐富，生態環境良好，可編輯語言多達幾十種，其中就包括HTML5，CSS等前端開發，界面質黑炫酷，非常符合程序員的風格，使用起來也非常不錯：

HBuilder

這是一個非常不錯的國產前端開發軟件，輕巧極速，界面柔綠，清爽護眼，支持常見的語法提示、自動補全、代碼高亮，除此之外，還支持markdown功能，可以輕松將H5開發的頁面打包成手機app，使用起來非常不錯，感興趣的朋友可以嘗試一下：

Sublime Text

這也是一個非常不錯的代碼編輯器，免費、跨平臺、輕巧靈活，文本編輯功能強大，常見的語法檢查、提示、自動補全等功能都能很好支持，多項目、多窗口切換，快捷命令強大，是一個很不錯的前端開發軟件：

Dreamweaver

這是一個專門用于開發Web網頁的軟件，可以快速創建網頁，支持html，css等代碼快速編寫，語法提示、自動補全等功能都不錯，可以直接編寫網頁內容，并查看運行效果，對于初學者來說，是一個很不錯的軟件，可以嘗試一下：

Notepad++

這是一個輕巧的文本編輯器，開源、小巧、免費，記事本的增強版，大部分開發人員都應該使用過，非常不錯，支持的編程語法達27種，自動補全、語法提示、代碼高顯亮等功能都不錯，是一個很不錯的軟件：

WebStorm

這是一個專業的前端開發軟件，Jetbrains公司研發，相比于前面的軟件來說，這個軟件是重量級的，常見的智能補全、代碼高亮、語法提示、Git等功能，這個軟件都能很好的支持，除此之外，還可以進行代碼調試、代碼重構等，是一個非常不錯的軟件：

目前，就分享這6個前端開發軟件吧，對于日常開發Html5，CSS，JS等來說，完全夠用了，當然，你也可以使用其他軟件來完成，像Editplus，Atom，Eclipse，VS等，都可以，適合自己就行，網上也有相關教程和資料，介紹的非常詳細，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。

html表頭不能居中怎么辦？

首先，打開html編輯器，新建html文件，例如：index.html。

在index.html中的<style>標簽中，輸入css代碼：body {text-align: center;} table {margin: auto;}。

瀏覽器運行index.html頁面，此時成功用css讓表格居中了。

說明：

css代碼body {text-align: center;} table {margin: auto;}是兩個元素選擇器，分別為body和table兩個元素設置css樣式。

在 W3C 標準中，元素選擇器又稱為類型選擇器（type selector）。

“類型選擇器匹配文檔語言元素類型的名稱。類型選擇器匹配文檔樹中該元素類型的每一個實例。”

數據可視化工具有哪些？

給大家推薦一款人人可上手的可視化工具，那就是Excel，好評度五星！

全文7688字，閱讀需要10分鐘，趕時間的朋友先點贊收藏，方便下次學習！

為什么要推薦Excel呢？

兼容性，Excel與PPT可以實現數據同步，數據修改后能直接呈現在PPT，一勞永逸。內在：Excel有5大類常規的數據可視化表達，圖表類多達13種，還可以通過自定義制作多變的數據可視化表達，滿足95%的日常辦公需求。

跟其他數據可視化工具對比，

①對比可視化網站工具，Excel擁有強大的數據分析（Excel函數，數據透視表等），而大多數在線工具只能輸入結果，而無法運算。 ②對比R、Python等，Excel對于初學者的友好高，基本2周就能大概掌握，而這些語言太難了！ ③普及率高：哪臺電腦沒有裝Excel，你要表達你的觀點也容易。

想快速掌握Excel可視化表達，先了解一下可視化的全面架構：

以下就是課件內容的例子，先給同學看一下效果：

基礎圖表：《王者之星★》

三維地圖：《廣州武漢之?》

Excel控件：《520?你的名字》

《進階の圖表》

《智聯之薪》

接下來，我們從第一個開始撩：

E01.認識數據可視化

數據可視化就是通過圖形，呈現出數據大小，占比，分布等特點，從而傳遞信息給大家。

下面我就用地圖簡單舉栗子吧

騰訊位置大數據https://heat.qq.com/

地圖越亮的地方代表定位次數越多的地方，這個定位跟我們人口分布一致的。

通過流量折線圖比較，我們就能直觀看出歡樂谷的應該是9點開門，19點閉門。

關于數據可視化，大家可以多去一些可視化網站看看，其實我們大多數人接觸數據可視化應該是小學、初中、高中的地理課本。

E02.Excel的數據可視化表達

在Excel中常見可視化表達有五類，分別是REPT函數、條件格式、迷你圖、Excel圖表，三維地圖。

點擊獲取Excel圖表視頻教程和源文件模板★★★★★N0.1 REPT函數

表達式：=REPT（text,number_times） =REPT(重復文本，重復次數）

注意重復文本要用英文狀態下引用，通過具體的實例去實戰吧~

01.給課程做數據條

表達式子：=REPT("|",C5)&C5

選擇適合的字體很重要，一般適合展示20至100的數據

02.網站流量漏斗圖

03.電影評分表

04.相親心動指數

05.人口金字塔圖

NO.2 條件格式

01.突出顯示單元格規則

點擊【開始】→【條件格式】即可選擇相關的規則，突出顯示相關的單元格。

1.查找重復值，查找班里不及格的人等等

02.最前最后的規則

利用前N項或者后N項，通過突出顯示快速找到對應的數據。

例如我們可以顯示數學成績高于平均分的同學、顯示各位同學最低的一門科目成績、班里成績最好的3位同學

03.圖標集

許多小伙伴不知道這些小圖標是來自條件格式，導致了誤以為是圖表上的。

優點：其實這些精致的小圖標設置很簡單，通過默認的設置就能得出來。 缺點：就是精度不高，只能表示大概。圖標集分為方向、形狀、標記、等級四個歸類，根據歸類我們日常主要分別應用在

方向：表示漲↑跌↓，一般用于數據對比

形狀：一般用于分類劃分的信號

標記：用于標記狀態，某件事做了與否，達成目標與否

等級：表示占比劃分

04.色階

色劑可以設置雙色色階或者三色色階。

05.半自定義規則

如果還不過癮可以通過自定義格式來設置，整體設置也不難，所有的框和圖標均可以自定義設置。

06.公式自定義條件格式

公式自定義條件格式，相對與上面的會難點，但通過簡單標志有更高的靈活度。

自定義格式百分比圖

2.動態考勤記錄表

3.項目計劃甘特圖

03.迷你圖

迷你圖有三種形式，柱形、折線和盈虧圖，它的優點是能大概表示數據狀態，確定就是精準度低，圖形無法表示數據真實差距。

無排版可視化的表格

經過可視化后↓

點擊獲取Excel圖表視頻教程和源文件模板★★★★★04.三維地圖

武廣之戀?

本題版本要求：2016及以上，2013版本可以安裝power map插件還能拯救。

點擊獲取Excel圖表視頻教程和源文件模板★★★★★

本道題可以簡單拆分為：心形圖形表達式+三維地圖

01.第一步構建數據源

我們在百度或者一些論壇上找到心形的函數Excel表達式，然后在Excel上列出具體的數據源，這是最關鍵的又是最麻煩的一部分工作。就能直接下載該我精心為大家準備源文件啦！

02.打開三維地圖

1.我們把標準的心形函數表達式放到三維地圖上，其表達效果這樣紫滴，地理曾經滿分的我一下子恍然大悟，這不就是本初子午線（經度=0）與赤道（緯度=0）交界的地方嘛。

2.當我們把坐標的中心定位到廣州，不就是將原來的表達式加上廣州的經緯度，我馬上百度了一下廣州的經緯度。廣州（東經113.23，北緯23.16）大小老可愛們直接在我的城市填上經緯度就OK啦↓

以廣州為例↓

延伸：西經與南緯，需要把坐標寫成負數。如西經113.23，南緯23.16（-113.23，-23.16）這樣表達。

于是我們在茫茫的太平洋找到這個東西↓

03.添加異地坐標

在對應我的城市，和你的城市填上對應的坐標軸，可得到：

廣州與武漢?

廣州與珠海?

05.特別提醒

更改過數據源后一定要刷新數據啊！

E03.了解Excel圖表的規范與應用

E03-1.參考優秀的圖表借鑒樣式、布局、配色等

a.echart網站

b.設計網站

c.可視化平臺等：如網易數讀

d.商業雜志

E03-2.一份專業商務圖表具備哪些特

圖表原有元素：2.主標題；5.圖例；6繪圖區（1.縱坐標、2.網格線、3.橫坐標、4.圖形）

添加元素：1.logo；3.副標題，4.單位，7.備注

E03-3.快速了解圖表基礎設置

E03-4.配置表格主題顏色

E03-5.系統設置整個表格主題

了解整個表格和圖表的基礎和規范設置后，我們馬上去了解各種基礎圖表。

E04.玩王者榮耀，學習基礎圖表

學習基礎圖表，大家只需要吧這個《王者榮耀看板》做一遍，基本就你能掌握90%日常工作的應用，更重要你做完后會有一股成就感。

王者榮耀數據看板

王者榮耀動態看板

那我們分解一下，都是由哪些圖表構成的，從這個圖表就能從主標題看出是哪些圖表，我們還可以通過點擊圖表左上方藍色■形狀，進行跳轉到對應的圖表聯系區域。

教學部分主要采用了《經濟學人》的配色風格演示，大家可以通過設置頁面布局的主題，變換主題顏色。

E04-1.柱形圖

01.表格開始頁引導：

02.圖表練習區域展示：

02.圖表小結區域：

每個圖表做了實踐之后，我們會給大家總結主要的知識點，方便大家快速上手圖表。

E04-2.條形圖

條形圖在王者榮耀中很常見，例如對戰戰績圖，血量、藍量還有回城圖都是由條形圖來展示的。

03.知識點小結：

接下來的圖表，就簡單跟介紹一下需要注意的事項，或者一些與其他圖表的不同點或共同點：

E04-3.折線圖E04-4.環形/餅狀圖：占比分析E04-5.面積圖：占比趨勢分析

這個在王者中的經濟占比運用的就是面積圖。

03.知識點小結：

E04-6.散點圖:雙變量分析

03.知識點小結：

E04-7.氣泡圖：三變量分析

03.知識點小結：

E04-8.雷達圖：多維度分析

最常見在我們的綜合戰力分析上，幾乎每個游戲都會常常用到這種的對比。

03.知識點小結：

以前的案例示范：

E04-9.樹狀圖：分級占比分析E04-10.旭日圖：分級占比分析E04-10.直方圖：區間分布分析

直方圖更像簡化版的正態分布圖，它經常用于統計數值區間的分布，例如年齡段的人數、收入水平、工資收入分布等。

E04-12.瀑布圖E04-13.組合圖

E04.最后一招，數字放大法！

最后，我們把上面的所有圖表拼合在一起，可得：

把我們所學的圖表，一一放進去，可得到：

暫時補充到這里，如果想看動態圖表的，請留言，我抽空補充一下這方面的知識。

私信回復：基礎圖表，即可獲得一份基礎圖表的源文件?

dw鏈接css樣式表的快捷鍵？

dw 插入css。有兩種方法：

1 、<style type="text/css">................<style> 放在head 和 body 之間就可以。

2、<link href="pic/box.css" type="text/css" rel="stylesheet" /> 連接外部樣式表