1/7新建一個html文件,命名為test.html,用于講解怎么把css從html里分離出來。
2/7在test.html文件中,使用div標簽創建一行文字,下面將在css文件中定義div的樣式。
3/7在test.html文件中,給div設置class屬性,例如,設置為mydiv。
4/7新建一個css文件,命名為test.css,用于編寫div的樣式。
5/7在test.css文件中,給類名為mydiv的div設置css樣式,使用font-size定義div文字的大小為20px,使用color定義div的文字的顏色為紅色。
6/7在test.html文件中,通過link標簽引入外部的css文件,實現給頁面中的div設置css樣式。
7/7在瀏覽器打開test.html文件,查看實現的效果。
總結:
1、創建一個test.html文件,在文件內,使用div創建一行文字,并設置其class屬性為mydiv。
2、創建一個test.css文件,在文件內,對類名為mydiv的div設置樣式。
3、在test.html文件中使用link標簽導入test.css樣式。