在CSS中,除了常見的選擇器和屬性,還提供了一些規則定義,用于更好地控制頁面樣式。其中比較常用的規則包括@charset、@import、@media等等。
@charset規則用于指定CSS文檔的字符集,一般放在CSS文檔的開頭。例如,如果CSS文檔使用UTF-8編碼,可以在文檔開頭添加如下代碼:
@import規則用于引入其他CSS文檔,可以將CSS代碼模塊化,便于管理。用法如下:
@media規則用于定義針對不同設備、不同屏幕尺寸等的樣式。例如,可以在樣式表中定義兩種不同的樣式,一種適用于PC端,另一種適用于移動端:
除了這些常用的規則,CSS還提供了很多其他規則,如@font-face規則用于定義自定義字體,@keyframes規則用于定義動畫等等。這些規則可以幫助我們更好地控制頁面樣式,提升用戶體驗。
@charset規則用于指定CSS文檔的字符集,一般放在CSS文檔的開頭。例如,如果CSS文檔使用UTF-8編碼,可以在文檔開頭添加如下代碼:
@charset "UTF-8";
@import規則用于引入其他CSS文檔,可以將CSS代碼模塊化,便于管理。用法如下:
@import url("mystyle.css");
@media規則用于定義針對不同設備、不同屏幕尺寸等的樣式。例如,可以在樣式表中定義兩種不同的樣式,一種適用于PC端,另一種適用于移動端:
@media screen and (max-width: 600px) { /* 移動端樣式 */ } @media screen and (min-width: 601px) { /* PC端樣式 */ }
除了這些常用的規則,CSS還提供了很多其他規則,如@font-face規則用于定義自定義字體,@keyframes規則用于定義動畫等等。這些規則可以幫助我們更好地控制頁面樣式,提升用戶體驗。