在css中，focus的意思是“焦點”，是一種偽類選擇器，作用是選取獲得焦點的元素；通過“:focus”選擇器可以對獲取焦點的元素設置樣式，語法為“元素:focus{css樣式代碼;}”。

在css中，focus是焦點的意思，通常表示的是“:focus”選擇器，“:focus”選擇器用于選取獲得焦點的元素。接收鍵盤事件或其他用戶輸入的元素都允許 :focus 選擇器。

1、css3新增的超級選擇器：屬性選擇器、結構性偽類選擇器、UI元素狀態偽類選擇器、通用兄弟元素選擇器

2、使用選擇器在頁面中插入文字、圖片、項目編號等內容

3、文字陰影與自動換行

4、各類盒模型：總體分為block類型和in line類型，在細分為inline-block類型、inline-table類型、list-item類型、run-in類型、compact類型、表格相關類型、none類型

5、盒模型相關的屬性：overflow屬性（內容溢出）、box-shadow屬性（盒陰影）、box-sizing屬性（寬高計算）

6、新增的背景樣式backround-clip屬性、backround-origin屬性、backround-size屬性、backround-break屬性

7、新增的邊框樣式：border-radius屬性（圓角邊框）、border-image屬性（圖片邊框）

8、新增的 transform變形功能：rotate（旋轉）、scale（縮放）、skew（傾斜）、translate（移動）

9、新增的動畫功能：transition（平滑過渡）、animation（關鍵幀）

10、布局相關樣式：多欄布局、盒布局、彈性盒布局

11、兼容性問題

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選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。

（可能名稱有不同的說法，但意思都是一樣的） 標記選擇器是利用HTML的標記直接定義標記內容的樣式，如：h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器，定義的時候要在名稱前加.如：.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW寫CSS的時候，高級就是上面說的ID選擇器，ID選擇器的名字可以任意命名，可以自己定義，可是標簽就只能是HTML語言里制定的那些標記，不能自己定義。