css樣式表達(dá)的選擇器有哪些，剛開始學(xué)HTML5？

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

VS Code

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

HBuilder

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

Sublime Text

這也是一個(gè)非常不錯(cuò)的代碼編輯器，免費(fèi)、跨平臺(tái)、輕巧靈活，文本編輯功能強(qiáng)大，常見的語法檢查、提示、自動(dòng)補(bǔ)全等功能都能很好支持，多項(xiàng)目、多窗口切換，快捷命令強(qiáng)大，是一個(gè)很不錯(cuò)的前端開發(fā)軟件：

Dreamweaver

這是一個(gè)專門用于開發(fā)Web網(wǎng)頁的軟件，可以快速創(chuàng)建網(wǎng)頁，支持html，css等代碼快速編寫，語法提示、自動(dòng)補(bǔ)全等功能都不錯(cuò)，可以直接編寫網(wǎng)頁內(nèi)容，并查看運(yùn)行效果，對(duì)于初學(xué)者來說，是一個(gè)很不錯(cuò)的軟件，可以嘗試一下：

Notepad++

這是一個(gè)輕巧的文本編輯器，開源、小巧、免費(fèi)，記事本的增強(qiáng)版，大部分開發(fā)人員都應(yīng)該使用過，非常不錯(cuò)，支持的編程語法達(dá)27種，自動(dòng)補(bǔ)全、語法提示、代碼高顯亮等功能都不錯(cuò)，是一個(gè)很不錯(cuò)的軟件：

WebStorm

這是一個(gè)專業(yè)的前端開發(fā)軟件，Jetbrains公司研發(fā)，相比于前面的軟件來說，這個(gè)軟件是重量級(jí)的，常見的智能補(bǔ)全、代碼高亮、語法提示、Git等功能，這個(gè)軟件都能很好的支持，除此之外，還可以進(jìn)行代碼調(diào)試、代碼重構(gòu)等，是一個(gè)非常不錯(cuò)的軟件：

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

html表頭不能居中怎么辦？

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

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

瀏覽器運(yùn)行index.html頁面，此時(shí)成功用css讓表格居中了。

說明：

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

在 W3C 標(biāo)準(zhǔn)中，元素選擇器又稱為類型選擇器（type selector）。

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

數(shù)據(jù)可視化工具有哪些？

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

全文7688字，閱讀需要10分鐘，趕時(shí)間的朋友先點(diǎn)贊收藏，方便下次學(xué)習(xí)！

為什么要推薦Excel呢？

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

跟其他數(shù)據(jù)可視化工具對(duì)比，

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

想快速掌握Excel可視化表達(dá)，先了解一下可視化的全面架構(gòu)：

以下就是課件內(nèi)容的例子，先給同學(xué)看一下效果：

基礎(chǔ)圖表：《王者之星★》

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

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

《進(jìn)階の圖表》

《智聯(lián)之薪》

接下來，我們從第一個(gè)開始撩：

E01.認(rèn)識(shí)數(shù)據(jù)可視化

數(shù)據(jù)可視化就是通過圖形，呈現(xiàn)出數(shù)據(jù)大小，占比，分布等特點(diǎn)，從而傳遞信息給大家。

下面我就用地圖簡(jiǎn)單舉栗子吧

騰訊位置大數(shù)據(jù)https://heat.qq.com/

地圖越亮的地方代表定位次數(shù)越多的地方，這個(gè)定位跟我們?nèi)丝诜植家恢碌摹?/p>

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

關(guān)于數(shù)據(jù)可視化，大家可以多去一些可視化網(wǎng)站看看，其實(shí)我們大多數(shù)人接觸數(shù)據(jù)可視化應(yīng)該是小學(xué)、初中、高中的地理課本。

E02.Excel的數(shù)據(jù)可視化表達(dá)

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

點(diǎn)擊獲取Excel圖表視頻教程和源文件模板★★★★★N0.1 REPT函數(shù)

表達(dá)式：=REPT（text,number_times） =REPT(重復(fù)文本，重復(fù)次數(shù)）

注意重復(fù)文本要用英文狀態(tài)下引用，通過具體的實(shí)例去實(shí)戰(zhàn)吧~

01.給課程做數(shù)據(jù)條

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

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

02.網(wǎng)站流量漏斗圖

03.電影評(píng)分表

04.相親心動(dòng)指數(shù)

05.人口金字塔圖

NO.2 條件格式

01.突出顯示單元格規(guī)則

點(diǎn)擊【開始】→【條件格式】即可選擇相關(guān)的規(guī)則，突出顯示相關(guān)的單元格。

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

02.最前最后的規(guī)則

利用前N項(xiàng)或者后N項(xiàng)，通過突出顯示快速找到對(duì)應(yīng)的數(shù)據(jù)。

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

03.圖標(biāo)集

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

優(yōu)點(diǎn)：其實(shí)這些精致的小圖標(biāo)設(shè)置很簡(jiǎn)單，通過默認(rèn)的設(shè)置就能得出來。 缺點(diǎn)：就是精度不高，只能表示大概。圖標(biāo)集分為方向、形狀、標(biāo)記、等級(jí)四個(gè)歸類，根據(jù)歸類我們?nèi)粘Ｖ饕謩e應(yīng)用在

方向：表示漲↑跌↓，一般用于數(shù)據(jù)對(duì)比

形狀：一般用于分類劃分的信號(hào)

標(biāo)記：用于標(biāo)記狀態(tài)，某件事做了與否，達(dá)成目標(biāo)與否

等級(jí)：表示占比劃分

04.色階

色劑可以設(shè)置雙色色階或者三色色階。

05.半自定義規(guī)則

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

06.公式自定義條件格式

公式自定義條件格式，相對(duì)與上面的會(huì)難點(diǎn)，但通過簡(jiǎn)單標(biāo)志有更高的靈活度。

自定義格式百分比圖

2.動(dòng)態(tài)考勤記錄表

3.項(xiàng)目計(jì)劃甘特圖

03.迷你圖

迷你圖有三種形式，柱形、折線和盈虧圖，它的優(yōu)點(diǎn)是能大概表示數(shù)據(jù)狀態(tài)，確定就是精準(zhǔn)度低，圖形無法表示數(shù)據(jù)真實(shí)差距。

無排版可視化的表格

經(jīng)過可視化后↓

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

武廣之戀?

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

點(diǎn)擊獲取Excel圖表視頻教程和源文件模板★★★★★

本道題可以簡(jiǎn)單拆分為：心形圖形表達(dá)式+三維地圖

01.第一步構(gòu)建數(shù)據(jù)源

我們?cè)诎俣然蛘咭恍┱搲险业叫男蔚暮瘮?shù)Excel表達(dá)式，然后在Excel上列出具體的數(shù)據(jù)源，這是最關(guān)鍵的又是最麻煩的一部分工作。就能直接下載該我精心為大家準(zhǔn)備源文件啦！

02.打開三維地圖

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

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

以廣州為例↓

延伸：西經(jīng)與南緯，需要把坐標(biāo)寫成負(fù)數(shù)。如西經(jīng)113.23，南緯23.16（-113.23，-23.16）這樣表達(dá)。

于是我們?cè)诿Ｃ５奶窖笳业竭@個(gè)東西↓

03.添加異地坐標(biāo)

在對(duì)應(yīng)我的城市，和你的城市填上對(duì)應(yīng)的坐標(biāo)軸，可得到：

廣州與武漢?

廣州與珠海?

05.特別提醒

更改過數(shù)據(jù)源后一定要刷新數(shù)據(jù)啊！

E03.了解Excel圖表的規(guī)范與應(yīng)用

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

a.echart網(wǎng)站

b.設(shè)計(jì)網(wǎng)站

c.可視化平臺(tái)等：如網(wǎng)易數(shù)讀

d.商業(yè)雜志

E03-2.一份專業(yè)商務(wù)圖表具備哪些特

圖表原有元素：2.主標(biāo)題；5.圖例；6繪圖區(qū)（1.縱坐標(biāo)、2.網(wǎng)格線、3.橫坐標(biāo)、4.圖形）

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

E03-3.快速了解圖表基礎(chǔ)設(shè)置

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

E03-5.系統(tǒng)設(shè)置整個(gè)表格主題

了解整個(gè)表格和圖表的基礎(chǔ)和規(guī)范設(shè)置后，我們馬上去了解各種基礎(chǔ)圖表。

E04.玩王者榮耀，學(xué)習(xí)基礎(chǔ)圖表

學(xué)習(xí)基礎(chǔ)圖表，大家只需要吧這個(gè)《王者榮耀看板》做一遍，基本就你能掌握90%日常工作的應(yīng)用，更重要你做完后會(huì)有一股成就感。

王者榮耀數(shù)據(jù)看板

王者榮耀動(dòng)態(tài)看板

那我們分解一下，都是由哪些圖表構(gòu)成的，從這個(gè)圖表就能從主標(biāo)題看出是哪些圖表，我們還可以通過點(diǎn)擊圖表左上方藍(lán)色■形狀，進(jìn)行跳轉(zhuǎn)到對(duì)應(yīng)的圖表聯(lián)系區(qū)域。

教學(xué)部分主要采用了《經(jīng)濟(jì)學(xué)人》的配色風(fēng)格演示，大家可以通過設(shè)置頁面布局的主題，變換主題顏色。

E04-1.柱形圖

01.表格開始頁引導(dǎo)：

02.圖表練習(xí)區(qū)域展示：

02.圖表小結(jié)區(qū)域：

每個(gè)圖表做了實(shí)踐之后，我們會(huì)給大家總結(jié)主要的知識(shí)點(diǎn)，方便大家快速上手圖表。

E04-2.條形圖

條形圖在王者榮耀中很常見，例如對(duì)戰(zhàn)戰(zhàn)績(jī)圖，血量、藍(lán)量還有回城圖都是由條形圖來展示的。

03.知識(shí)點(diǎn)小結(jié)：

接下來的圖表，就簡(jiǎn)單跟介紹一下需要注意的事項(xiàng)，或者一些與其他圖表的不同點(diǎn)或共同點(diǎn)：

E04-3.折線圖E04-4.環(huán)形/餅狀圖：占比分析E04-5.面積圖：占比趨勢(shì)分析

這個(gè)在王者中的經(jīng)濟(jì)占比運(yùn)用的就是面積圖。

03.知識(shí)點(diǎn)小結(jié)：

E04-6.散點(diǎn)圖:雙變量分析

03.知識(shí)點(diǎn)小結(jié)：

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

03.知識(shí)點(diǎn)小結(jié)：

E04-8.雷達(dá)圖：多維度分析

最常見在我們的綜合戰(zhàn)力分析上，幾乎每個(gè)游戲都會(huì)常常用到這種的對(duì)比。

03.知識(shí)點(diǎn)小結(jié)：

以前的案例示范：

E04-9.樹狀圖：分級(jí)占比分析E04-10.旭日?qǐng)D：分級(jí)占比分析E04-10.直方圖：區(qū)間分布分析

直方圖更像簡(jiǎn)化版的正態(tài)分布圖，它經(jīng)常用于統(tǒng)計(jì)數(shù)值區(qū)間的分布，例如年齡段的人數(shù)、收入水平、工資收入分布等。

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

E04.最后一招，數(shù)字放大法！

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

把我們所學(xué)的圖表，一一放進(jìn)去，可得到：

暫時(shí)補(bǔ)充到這里，如果想看動(dòng)態(tài)圖表的，請(qǐng)留言，我抽空補(bǔ)充一下這方面的知識(shí)。

私信回復(fù)：基礎(chǔ)圖表，即可獲得一份基礎(chǔ)圖表的源文件?

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

dw 插入css。有兩種方法：

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

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