推薦三十款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
此工具可幫助你創建和導出帶有箭頭的自定義的代碼提示框。盡管從頭開始編寫代碼聽起來很復雜，但該工具只需單擊幾下即可提供可用的代碼。獲得代碼后，就可以復制代碼并對其進行一些更改。
DW中常用css樣式四種類型詳細解析說明？
1、外部樣式
格式：<link type="text/css" rel="stylesheet" href="css路徑" />
舉例：<link type="text/css" rel="stylesheet" href="layout.css"/>
用處：這種形式是把css單獨寫到一個css文件內，然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調用，其它頁面也可以調用，是最常用的一種形式。
備注：Rel：指明連接的是什么文件； Type：指明引入的文件的格式類型； Href：指明文件的路徑，以引入文件為基準的相對路徑。
2、內部樣式
格式： <style type="text/css">選擇器 {聲明1、聲明2………}</style>
這樣的話，該文件中的所有P標簽都將應用該style樣式，而不需要在沒一個html標簽中寫。
用處：這種形式是內部樣式表，它是以<style>和</style>結尾，寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用于其它頁面
3、舉例：
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行內樣式：就是直接在html標簽后面寫樣式代碼
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用處：這種在標簽內以style標記的為內部樣式，內部樣式只針對標簽內的元素有效，因其沒有和內容相分離，所以不建議使用。
5、導入樣式
@import url("/css/global.css");
鏈接樣式是以@import url標記所鏈接的外部樣式表，它一般常用在另一個樣式表內部。如layout.css為主頁所用樣式，那么我們可以把全局都需要用的公共樣式放到一個 global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式鏈接全局樣式，這樣就使代碼達到很好的重用性。
6、CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性（property）是您希望設置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
selector {property: value}
下面這行代碼的作用是將 h1 元素內的文字顏色定義為紅色，同時將字體大小設置為 14 像素。
在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示：請使用花括號來包圍聲明。
css中focus的用法？
在css中，focus的意思是“焦點”，是一種偽類選擇器，作用是選取獲得焦點的元素；通過“:focus”選擇器可以對獲取焦點的元素設置樣式，語法為“元素:focus{css樣式代碼;}”。
在css中，focus是焦點的意思，通常表示的是“:focus”選擇器，“:focus”選擇器用于選取獲得焦點的元素。接收鍵盤事件或其他用戶輸入的元素都允許 :focus 選擇器。
html5中css樣式的三種語法？
1：內聯樣式 ：內聯樣式通過style屬性來設置，屬性值可以任意的CSS樣式。
2：內部樣式 ：內部樣式定義在文檔的head部分，通過style標簽來設置。需要使用元素選擇器（p）來關聯樣式和要設置樣式的標簽（p標簽）。
3：外部樣式 ：在文檔外的*.css定義css樣式，然后在文檔的head部分通過link元素引入。