1、首先我們我們新建一個記事本，并將記事本的名字改為“引入外部css文件和外部js文件.html”，并回車鍵確定，以使文件轉化為瀏覽器可以打開的html網(wǎng)頁文件。
2、我們編寫一個html5的聲明標簽—<!DOCTYPEhtml>,以使瀏覽器能認識到我們的文檔是一個html5的文件，這樣就可以快速的正確解讀，以提高瀏覽的體驗。
3、我們寫一個<title>的標簽，將網(wǎng)頁的題目寫入進去，讓網(wǎng)頁的標題顯示為“引入外部css文件和外部js文件”。
4、我們用<meta>標簽設置字符的編碼格式為：UTF-8，以使瀏覽器能夠正確的顯示我們的網(wǎng)頁。
5、我們寫一個<body>標簽，用來包含網(wǎng)頁的主體部分。
6、我們寫幾個標簽以便在外部css文件樣式表中，為其設置樣式。
7、我們新建一個css文件，把txt的文件后綴名改為css即可，之后打開就可以寫入css代碼了。
8、我們用標簽選擇器為<p>標簽、<div>標簽和<span>標簽的內容設置樣式。
9、我們使用,<link>標簽將我們編寫的css文件樣式表文件其引入到我們當前的html文件中來。
10、我們鼠標右擊在彈出的下拉菜單中，我們選擇“在瀏覽器中打開”這一項。
11、我們看到我們編寫的樣式被應用到了標簽中文字上，說明我們的css外部樣式表文件引入成功。