創(chuàng)建CSS樣式?
1、創(chuàng)建使用CSS樣式表有三種,分別是外部樣式表,內部樣式表和內聯(lián)樣式。下面通過一個小demo演示它們的用法,首先新建一個html文件,放入3個button按鈕,給前兩個按鈕分別設置class屬性為btn1和btn2:
2、接著準備一個css文件,命名為demo.css,在文件內寫入按鈕A的樣式,保存css文件:
3、回到剛才的html文件,在style標簽中用link標簽引入上一步創(chuàng)建的css文件,這就是外聯(lián)樣式的用法,總結就是創(chuàng)建好的css文件內寫好樣式,然后在html文件中用link標簽引入即可,這也是大部分網(wǎng)站使用的方法,因為其引入方便,管理起來也比較方便:
4、接著是內部樣式表的使用,這里直接在head標簽里創(chuàng)建style標簽,在里面加入btn2的樣式。對于內部樣式表簡單的html文件,內部樣式是很方便的,但是結構復雜的html文件使用它就會讓文件顯得很混亂:
5、最后是內聯(lián)樣式的使用,直接在第三個標簽內使用style屬性加入樣式就可以了:
6、最后保存html文件,打開瀏覽器可以看到三個按鈕的樣式都出現(xiàn)了。以上就是css樣式表的制作方法: