css全選選擇器，數(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種，還可以通過(guò)自定義制作多變的數(shù)據(jù)可視化表達(dá)，滿足95%的日常辦公需求。
跟其他數(shù)據(jù)可視化工具對(duì)比，
①對(duì)比可視化網(wǎng)站工具，Excel擁有強(qiáng)大的數(shù)據(jù)分析（Excel函數(shù)，數(shù)據(jù)透視表等），而大多數(shù)在線工具只能輸入結(jié)果，而無(wú)法運(yùn)算。 ②對(duì)比R、Python等，Excel對(duì)于初學(xué)者的友好高，基本2周就能大概掌握，而這些語(yǔ)言太難了！ ③普及率高：哪臺(tái)電腦沒有裝Excel，你要表達(dá)你的觀點(diǎn)也容易。
想快速掌握Excel可視化表達(dá)，先了解一下可視化的全面架構(gòu)：
以下就是課件內(nèi)容的例子，先給同學(xué)看一下效果：
基礎(chǔ)圖表：《王者之星★》
三維地圖：《廣州武漢之?》
Excel控件：《520?你的名字》
《進(jìn)階の圖表》
《智聯(lián)之薪》
接下來(lái)，我們從第一個(gè)開始撩：
E01.認(rèn)識(shí)數(shù)據(jù)可視化數(shù)據(jù)可視化就是通過(guò)圖形，呈現(xiàn)出數(shù)據(jù)大小，占比，分布等特點(diǎn)，從而傳遞信息給大家。
下面我就用地圖簡(jiǎn)單舉栗子吧
騰訊位置大數(shù)據(jù)https://heat.qq.com/
地圖越亮的地方代表定位次數(shù)越多的地方，這個(gè)定位跟我們?nèi)丝诜植家恢碌摹?/p>
通過(guò)流量折線圖比較，我們就能直觀看出歡樂谷的應(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)下引用，通過(guò)具體的實(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)，通過(guò)突出顯示快速找到對(duì)應(yīng)的數(shù)據(jù)。
例如我們可以顯示數(shù)學(xué)成績(jī)高于平均分的同學(xué)、顯示各位同學(xué)最低的一門科目成績(jī)、班里成績(jī)最好的3位同學(xué)
03.圖標(biāo)集許多小伙伴不知道這些小圖標(biāo)是來(lái)自條件格式，導(dǎo)致了誤以為是圖表上的。
優(yōu)點(diǎn)：其實(shí)這些精致的小圖標(biāo)設(shè)置很簡(jiǎn)單，通過(guò)默認(rèn)的設(shè)置就能得出來(lái)。 缺點(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ī)則如果還不過(guò)癮可以通過(guò)自定義格式來(lái)設(shè)置，整體設(shè)置也不難，所有的框和圖標(biāo)均可以自定義設(shè)置。
06.公式自定義條件格式公式自定義條件格式，相對(duì)與上面的會(huì)難點(diǎn)，但通過(guò)簡(jiǎn)單標(biāo)志有更高的靈活度。
自定義格式百分比圖
2.動(dòng)態(tài)考勤記錄表
3.項(xiàng)目計(jì)劃甘特圖
03.迷你圖迷你圖有三種形式，柱形、折線和盈虧圖，它的優(yōu)點(diǎn)是能大概表示數(shù)據(jù)狀態(tài)，確定就是精準(zhǔn)度低，圖形無(wú)法表示數(shù)據(jù)真實(shí)差距。
無(wú)排版可視化的表格
經(jīng)過(guò)可視化后↓
點(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)的中心定位到廣州，不就是將原來(lái)的表達(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.特別提醒
更改過(guò)數(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)題看出是哪些圖表，我們還可以通過(guò)點(diǎn)擊圖表左上方藍(lán)色■形狀，進(jìn)行跳轉(zhuǎn)到對(duì)應(yīng)的圖表聯(lián)系區(qū)域。
教學(xué)部分主要采用了《經(jīng)濟(jì)學(xué)人》的配色風(fēng)格演示，大家可以通過(guò)設(shè)置頁(yè)面布局的主題，變換主題顏色。
E04-1.柱形圖01.表格開始頁(yè)引導(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)量還有回城圖都是由條形圖來(lái)展示的。
03.知識(shí)點(diǎn)小結(jié)：
接下來(lái)的圖表，就簡(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ǔ)圖表的源文件?
類選擇器語(yǔ)法？
1. 標(biāo)簽名選擇器 div { color：Red;} 即頁(yè)面中的各個(gè)標(biāo)簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個(gè)標(biāo)簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁(yè)面中的標(biāo)簽的id 4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} 即多個(gè)選擇器以逗號(hào)的格式分隔 命名找到準(zhǔn)確的標(biāo)簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標(biāo)簽分組顯示
和css中的選擇器有什么區(qū)別？
這個(gè)是有區(qū)別的。
1、首先說(shuō)兩者是屬于不同的兩門語(yǔ)言，jquery是屬于js的一個(gè)框架，則其選擇器是js里面的選擇器，css是另一門不同于js的語(yǔ)言，其選擇器是css選擇器，則兩者在根本上是不同的。
2、但是兩者是有交集的，都是作為網(wǎng)頁(yè)或者瀏覽器解析的語(yǔ)言，而js可以通過(guò)修改瀏覽器的dom對(duì)象來(lái)實(shí)現(xiàn)對(duì)css修改或者是控制。
3、可以簡(jiǎn)單的這樣區(qū)分兩者，css選擇器用語(yǔ)css當(dāng)中，js選擇器應(yīng)用于js當(dāng)中，只不過(guò)有時(shí)兩者使用相同的id標(biāo)識(shí)來(lái)選擇對(duì)象。
css標(biāo)簽選擇器最多寫幾個(gè)？
可以寫一個(gè)，也可以寫多個(gè)，沒有上限