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