在網頁設計中,CSS的樣式表是不可或缺的一部分。而如何正確地在HTML文檔中引入CSS樣式表呢?
上述代碼是在HTML文檔中引入樣式表的最基本方式。其中,rel="stylesheet"
表示該文檔是個可被CSS樣式表解釋的文檔;href="style.css"
表示要導入的CSS文件路徑。
在HTML5中,可以使用media
屬性指定該樣式表適用的設備或者顯示器。例如:
上述代碼表示如果設備屏幕寬度不超過768像素,使用mobile.css
樣式表。
另外,有時候需要在HTML文檔中使用內部樣式表,可以這樣寫:
上述代碼將background
屬性應用到body
元素上,將color
屬性應用到h1
元素上。
當然,還可以使用行內樣式表,如下:
Hello, World!
上述代碼將color
屬性直接應用到h1
元素上。
總之,在網頁設計中,熟練掌握如何導入CSS樣式表是非常重要的。
上一篇html5簡單時鐘代碼