css選擇器魚骨圖記憶，css設計器怎么用？
1、首先打開DreamweaverCC2018軟件新建一個html文件，在右上角點擊CSS設計器，并在下方點擊加號，然后選擇創建新的CSS文件：
2、在創建窗口中，點擊瀏覽按鈕。
3、然后選擇站點創建好CSS文件夾，然后輸入創建的CSS的名字，點擊保存插件文件：
4、然后把添加為設置成鏈接，點擊確定按鈕：
5、添加完成后就可以在右側的站點中的CSS文件夾下看到剛創建好的CSS樣式表文件了：
6、此時在html文件中的head標簽中，就多了一行鏈接到CSS文件的代碼。在頂部tab標簽中也可以看到鏈接的樣式表：
7、接下來在html網頁編輯頁面，在body標簽中輸入一個div：
8、然后在頂部tab標簽中選擇剛才創建的CSS樣式表，并在樣式表中寫一個樣式，命名為aaa，并按下快捷鍵Ctrl+S保存樣式表：
9、最后回到html編輯頁面，在div標簽中引入class，輸入剛才寫的樣式的名稱aaa并保存網頁：
10、最后點擊頂部的設計按鈕，就可以看到實時效果了，此時css文件就成功鏈接進去了：
CSS選擇器權重如何計算？
很古老的話題了
id=100
class=10
tag（標簽）=1
按照這個規律去計算，比如
#qietu div{}
100+1 = 101
.qietu .box{}
10+10=20
可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面，我推薦了解下BEM命名規則，這個觀念很好，可以從側面杜絕權重問題的產生，還有一個就是提高權重的方法 !important;
畫魚骨圖用什么軟件好？
不請自來、干貨分享、絕不私藏 ~
我是明哥，前麥肯錫戰略咨詢顧問，埃森哲管理咨詢顧問，13年職場經歷，一個喜歡用思維導圖架構PPT的老司機，歡迎關注我的頭條號，一起成為職場精英。核心觀點魚骨圖，本質上就是"根因分析"，即先分析問題的主要原因（魚骨），讓后進一步對每個主要原因進一步展開（即魚刺），因為問題-根本原因-詳細因素的結構像一條魚，故稱魚骨圖。
畫魚骨圖的方法很多，可以手繪、可以PPT繪制，也可以思維導圖軟件繪制，在思維導圖Mindmanager中，因為帶有魚骨圖模板，同時思維導圖本就是結構化分析工具，因此個人認為，畫魚骨圖比較好的工具就是思維導圖。
我們以最常見的“婆媳不和”為栗子，看看思維導圖如何用魚骨圖分析婆媳不和的原因。
圖1、婆媳不和的魚骨圖分析
一、從模板插入魚骨圖（1）打開思維導圖軟件Mindmanager，插入，【從模板】，選擇【本地模板】、【問題解決】模板，如下圖：
（2）選擇魚骨圖
二、插入魚骨比如我們認為造成婆媳不和的主要原因有以下幾個方面（魚骨）：
廚房＆家事
隱私問題
價值觀不同
親子教育
生活習慣
經濟＆錢事
三、插入魚刺將主要原因進一步細化，即畫出魚刺
四、插入更多魚刺比如婆媳不和中，有生活習慣、經濟等原因，畫出更詳細的原因（魚刺）如下：
衛生習慣
擦手紙用過晾干再使用
沖馬桶
作息不同
7點前要起床
假日補覺是偷懶
婆婆掌控經濟大權
老公薪水5成給婆婆當家用
要拿家用錢先要報銷
年節孝養金不能太少
婆婆生日不能忘
一年三節加重陽節
媳婦賺的錢是夫家的
媳婦不能拿錢回娘家
媳婦不能有太多的零花錢
小福利分享思維導圖，獲取方式：
（1）轉發 +點贊
（2）私信發：思維導圖大禮包
關注【思維導圖PPT】，每天分享一篇思維導圖、PPT、職場技巧干貨，希望你的每次來訪都有所收獲，感謝您的點贊、轉發、助您早日升職加薪！類選擇器語法？
1. 標簽名選擇器 div { color：Red;} 即頁面中的各個標簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個標簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁面中的標簽的id 4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} 即多個選擇器以逗號的格式分隔 命名找到準確的標簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標簽分組顯示