CSS表文件通常有兩種擴展名:.css和.less。
.css { color: red; font-size: 16px; }
首先,.css是最常見的CSS擴展名,它是Cascading Style Sheets(層疊樣式表)的縮寫,用于描述網頁的樣式和布局。CSS文件通常包含許多樣式規則,每個規則都有選擇器和聲明塊組成。在聲明塊中,我們可以定義各種樣式屬性,如顏色、字體大小、邊距、填充等等。
例如,上面的代碼定義了一個選擇器,它將元素的顏色設置為紅色,字體大小為16像素。
另一種常見的CSS擴展名是.less。它是一種動態樣式表語言,可以擴展CSS并增加一些額外的功能。.less文件可以在編譯期間被轉換成純CSS文件,然后在瀏覽器中加載。
@primary-color: #1890ff; .button { background-color: @primary-color; color: white; }
例如,上面的.less代碼定義了一個變量,表示主色調為藍色。然后,使用該變量作為按鈕的背景顏色,并將文字顏色設為白色。
總之,無論使用哪種CSS擴展名,CSS表文件都是網頁設計中不可或缺的工具。通過使用樣式規則和其他CSS屬性,我們可以使網頁看起來更美觀、更專業。
上一篇css表格修改背景色