1、首先我們我們新建一個記事本，并將記事本的名字改為“引入外部css文件和外部js文件.html”，并回車鍵確定，以使文件轉化為瀏覽器可以打開的html網頁文件。2、我們編寫一個html5的聲明標簽— , 以使瀏覽器能認識到我們的文檔是一個html5的文件，這樣就可以快速的正確解讀，以提高瀏覽的體驗。3、我們寫一個

標簽，用來包含網頁的主體部分。6、我們寫幾個標簽以便在外部css文件樣式表中，為其設置樣式。7、我們新建一個css文件，把txt的文件后綴名改為css即可，之后打開就可以寫入css代碼了。8、我們用標簽選擇器為

標簽、

標簽和標簽的內容設置樣式。9、我們使用,標簽將我們編寫的css文件樣式表文件其引入到我們當前的html文件中來。10、我們鼠標右擊在彈出的下拉菜單中，我們選擇“在瀏覽器中打開”這一項。11、我們看到我們編寫的樣式被應用到了標簽中文字上，說明我們的css外部樣式表文件引入成功。

1、在dreamweaver cc中可以直接創建css文件，或在內面內手寫輸入css代碼定義規則等等。

2、如果要使用可視化css編輯，可以使用css設計器，在默認的界面下，在軟件窗口右側的活動窗口內就可以找到css設計器。

例如：新建一個html文件，點擊css設計器的“源”窗口的“+”號，選擇創建css的方式，包括：新建css；附件已有的css或在頁面內創建css樣式。

3、點擊“選擇器“窗口的”+“號，選擇body，可以看到下面的”屬性“窗口內顯示出可以編輯的屬性列表，鼠標點擊相應的屬性就可以選擇或填寫數值進行編輯了，在編輯的時候在”設計“窗口會顯示樣式的變化。

4、最后如果是新建的css文件，保存路徑要正確。

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

This heading is very important.

This paragraph is very important.

CSS優點和缺點優點：1，CSS對于設計者來說是一種簡單、靈活、易學的工具，能使任何瀏覽器都聽從指令，知道該如何顯示元素及其內容2，個樣式表可以用于多個頁面，甚至整個站點，因此具有更好的易用性和擴展性3，使用CSS樣式表定義整個站點，可以大大簡化網站建設，減少設計者的工作量缺點：瀏覽器支持的不一致性

2.CSS

沒有父層選擇器3.不能明確地指定繼承性4.垂直控制的局限 5.顯示的缺乏6.缺乏正交性