首先，新建一個HTML文檔，這里以Div css布局為例。

2.點擊插入菜單下的“Div（D）”，彈出對話框。

3.點擊“新建css規則”，定義一個選擇器，“確定”完成。

4.設置大小及背景顏色，“確定”完成。

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文件就成功鏈接進去了：

layout里有個簇布局，用好了你就牛 最好不用，自動布局布出來的根本不行…

css類選擇器樣式只需要引入對應的jquery就可以了。CSS 類選擇器類選擇器允許以一種獨立于文檔元素的方式來指定樣式。該選擇器可以單獨使用，也可以與其他元素結合使用。提示：只有適當地標記文檔后，才能使用這些選擇器，所以使用這兩種選擇器通常需要先做一些構想和計劃。要應用樣式而不考慮具體設計的元素，最常用的方法就是使用類選擇器。修改 html 代碼在使用類選擇器之前，需要修改具體的文檔標記，以便類選擇器正常工作。為了將類選擇器的樣式與元素關聯，必須將 class 指定為一個適當的值。請看下面的 HTML 代碼：

This paragraph is very important.