新建一個html文件,命名為test.html,用于講解如何引用css外部樣式來改變html中的p標簽顏色。
在test.html文件內(nèi),使用p標簽創(chuàng)建一行文字,設(shè)置p標簽的class屬性為mypp,下面將使用css樣式對該行文字進行設(shè)置。
在test.html文件內(nèi),編寫<styletype="text/css"></style>標簽,頁面的css樣式將寫在該標簽內(nèi)。
在css標簽內(nèi),對p標簽的樣式進行設(shè)置,定義其文字顏色(color)為紅色(red)。
創(chuàng)建一個css文件夾,在文件夾內(nèi)創(chuàng)建一個index.css文件,在文件內(nèi),使用color屬性重新定義p標簽顏色,顏色更改為藍色(blue)。
在test.html文件內(nèi),使用link標簽載入css文件夾下的index.css文件,href屬性為css文件的路徑地址。
在瀏覽器打開test.html文件,查看實現(xiàn)的效果。