常用的css樣式選擇器，css開發者工具？
CSS是Web開發的基礎之一，目前很多人正在學習和使用。今天，給大家介紹幾款CSS開發工具，讓你快速成為開發高手。
（一）在線學習CSS
1、Flexplorer
Flexbox能在屏幕上實時查看效果以及代碼。還可以編輯文本框，并查看文本框的響應式布局代碼。這種學習方式非常有趣，很適合新手。
2、Grid Garden
這個是通過互動游戲，來提示你編寫CSS代碼來種植胡蘿卜園。這也是一個有趣的學習方式，確保新手小白以引人入勝的方式學習CSS Grid的基礎知識。游戲包含28個級別，每個級別都需要你編寫CSS代碼段才能完成。
（二）學習制作工具
1、Patternizer和Patternify
通過這兩種工具，可以在用戶友好的界面中使用CSS創建出色的模式。而且它是直接用CSS編寫的，可以輕松地在網站上實現使用。
2、EnjoyCSS
這個工具非常簡單，是可以使用一些簡單的UI設計元素，然后通過這個工具將其轉換為CSS代碼。EnjoyCSS極大地改變了我的工作流程。由于易于使用，能使我們花費在創建復雜CSS樣式上的時間和精力減少，很容易就能得到復雜的CSS效果。
3、CSSmatic
這個多合一的工具，它可以幫你實現生成漸變、邊框半徑、噪點紋理、盒子陰影等效果，所有這些都包含一個簡單直觀的UI。作為前端開發人員，該工具是很必要的。
4、CSS Arrow please
此工具可幫助你創建和導出帶有箭頭的自定義的代碼提示框。盡管從頭開始編寫代碼聽起來很復雜，但該工具只需單擊幾下即可提供可用的代碼。獲得代碼后，就可以復制代碼并對其進行一些更改。
css的優先級怎么判斷？
css選擇器優先級怎么比較CSS選擇器中比較常見的有標簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細分下來，竟然多達40多種。那他們的優先級該怎么比較呢，下面就來看看吧。
● 不同級別
1. 在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。
2. 作為style屬性寫在元素內的樣式
3. id選擇器
4. 類選擇器
5. 元素選擇器
6. 通配符選擇器
7. 瀏覽器自定義或繼承
總結排序：!important > 行內樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性
● 同一級別
(1) 同一級別中后寫的會覆蓋先寫的樣式
(2) 同一級別css引入方式不同，優先級不同
總結排序：內聯(行內)樣式 > 內部樣式表 > 外部樣式表 > 導入樣式(@import)。
對于選擇器優先級，還可以通過計算權重值來比較
css選擇器中可以匹配所有標簽的是？
答案是星星選擇標簽。
因為星號選擇器的定義是用于選擇html中的所有標簽，在一個頁面中我們都會選擇去掉html所有標簽的默認樣式，然后根據自己的需求添加樣式，這個時候就需要使用*選擇標簽。
另外一個*選擇標簽也可以搭配到其他的標簽進行使用，用來選擇表示某個父元素下面的所有子元素標簽。
記事本的代碼怎么輸入顏色？
記事本的代碼輸入顏色方法如下
1、新建html文件和CSS文件 ①在桌面新建一個文件夾，然后新建兩個text文件； ②分別將text文件重命名為index.html和css.css。 2、輸入html代碼 ①用記事本打開index.html文件，輸入相關代碼即可改變顏色。
字體顏色的不同設置方法
②用瀏覽器打開瀏覽效果。 3、標簽內嵌入字體標簽設置顏色。 ①編輯index.html，在
標簽內輸入以下代碼； 字體顏色的不同設置方法 ②瀏覽器瀏覽效果。 4、標簽內嵌入style樣式設置顏色。 ①另起一行字體，并在標簽內輸入以下代碼；
②在瀏覽器中檢查效果。 5、網頁內部嵌入標簽選擇器樣式設置顏色。 ①給文字的
標簽命名一個ID； ②在之間輸入以下代碼；③瀏覽器中查看效果。 6、網頁內嵌入類選擇器設置顏色。 ①給文字的標簽命名一個Class； ②在中輸入以下代碼； .p1{color:#D1f3c6;/*類選擇器*/} ③瀏覽器查看效果。 7、外部CSS樣式設置顏色。 ①在網頁頭部輸入以下連接CSS外部文件代碼；②在網頁中寫入以下代碼；
字體顏色的不同設置方法
字體顏色的不同設置方法
③用記事本方式打開css文件，輸入以下代碼； ④瀏覽器檢查效果變化。