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種，還可以通過自定義制作多變的數(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)，從而傳遞信息給大家。
下面我就用地圖簡單舉栗子吧
騰訊位置大數(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é)成績高于平均分的同學(xué)、顯示各位同學(xué)最低的一門科目成績、班里成績最好的3位同學(xué)
03.圖標(biāo)集許多小伙伴不知道這些小圖標(biāo)是來自條件格式，導(dǎo)致了誤以為是圖表上的。
優(yōu)點(diǎn)：其實(shí)這些精致的小圖標(biāo)設(shè)置很簡單，通過默認(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)，但通過簡單標(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圖表視頻教程和源文件模板★★★★★本道題可以簡單拆分為：心形圖形表達(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)績圖，血量、藍(lán)量還有回城圖都是由條形圖來展示的。
03.知識(shí)點(diǎn)小結(jié)：
接下來的圖表，就簡單跟介紹一下需要注意的事項(xiàng)，或者一些與其他圖表的不同點(diǎn)或共同點(diǎn)：
E04-3.折線圖E04-4.環(huán)形/餅狀圖：占比分析E04-5.面積圖：占比趨勢分析這個(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ū)間分布分析直方圖更像簡化版的正態(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ǔ)圖表的源文件?
css派生選擇器有幾種？
基本選擇器
1.標(biāo)簽選擇器：直接用元素的標(biāo)簽來進(jìn)行選擇
span { // 直接選擇span標(biāo)簽
size:16px;
}
1
2
3
1
2
3
2.ID選擇器：通過設(shè)置id名字，進(jìn)行精確的選擇，用#來定義
# div1 { //通過id名字來進(jìn)行選擇
color:red;
}
<div id="div1">1</div>
1
2
3
4
1
2
3
4
3.類選擇器:通過類名來進(jìn)行選擇，選擇范圍比id選擇器大，用’.'來定義
.div1 { //所有類名為div1的都被選擇了
color:red;
}
<div id="div1">1</div>
<div id="div1">1</div>
<div id="div1">1</div>
1
2
3
4
5
6
1
2
3
4
5
6
4.通配符選擇器：范圍更大，作用于所有標(biāo)簽，用*來定義
不建議使用，對(duì)頁面加載負(fù)擔(dān)大
高級(jí)選擇器
1.后代選擇器：定義用空格隔開
div span { //選擇的是div標(biāo)簽下的span標(biāo)簽，當(dāng)然后代顧名思義可以不止隔一代，可以隔多代進(jìn)行選擇
color：red；
}
<div><span>1</span></div>
1
2
3
4
1
2
3
4
2.交集選擇器：與后代選擇器定義的不同是，沒有空格隔開，兩個(gè)元素緊挨著
span#a1 { //選擇的是兩個(gè)條件1.既是span標(biāo)簽的 2.id名是a1的元素，兩個(gè)條件缺一不可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
3.并集選擇器：定義用逗號(hào)隔開
span，#a1 { //選擇的是1.是span標(biāo)簽的 2.id名是a1的元素，兩個(gè)條件滿足一個(gè)即可
color：red；
}
<span id=“a1”>1</span>
<span >1</span>
1
2
3
4
5
1
2
3
4
5
4.偽類選擇器：
1.靜態(tài)偽類：點(diǎn)擊連接之前（link），點(diǎn)擊連接之后(visited)這樣的
2.動(dòng)態(tài)偽類：鼠標(biāo)移入（hover），點(diǎn)擊之后（focus）
dw2020新建css規(guī)則？
1.首先，新建一個(gè)HTML文檔，這里以Div css布局為例。
2.點(diǎn)擊插入菜單下的“Div（D）”，彈出對(duì)話框。
3.點(diǎn)擊“新建css規(guī)則”，定義一個(gè)選擇器，“確定”完成。
4.設(shè)置大小及背景顏色，“確定”完成。
css有哪些知識(shí)？
css的知識(shí)有：
（1)、css的發(fā)展歷程
從HTML被發(fā)明開始，樣式就以各種形式存在。不同的瀏覽器結(jié)合它們各自的樣式語言為用戶提供頁面效果的控制。最初的HTML只包含很少的顯示屬性。隨著HTML的成長，為了滿足頁面設(shè)計(jì)者的要求，HTML添加了很多顯示功能。但是隨著這些功能的增加，HTML變的越來越雜亂，而且HTML頁面也越來越臃腫。于是css便誕生了。
(2)、css初識(shí)
css(Cascading Style Sheets) 主要用于美化樣式。
css通常稱為css樣式表或?qū)盈B樣式表（級(jí)聯(lián)樣式表），主要用于設(shè)置HTML頁面中的文本內(nèi)容（字體、大小、對(duì)齊方式等）、圖片的外形（寬高、邊框樣式、邊距等）以及版面的布局等外觀顯示樣式。
css以HTML為基礎(chǔ)，提供了豐富的功能，如字體、顏色、背景的控制及整體排版等，而且還可以針對(duì)不同的瀏覽器設(shè)置不同的樣式。