CSS(層疊樣式表)是一種用于控制HTML文檔外觀和布局的語言。通過CSS,我們可以設置頁面的元素的樣式。
/* background顏色設置*/ body { background-color: #F8F8F8; } /*字體顏色和大小*/ h1 { color: #333; font-size: 24px; } /*邊框樣式*/ p { border: 1px solid #ccc; } /*背景圖和大小*/ #header { background-image: url(header.png); background-size: cover; }
在CSS中,我們可以使用選擇器來選擇某個或某些元素,并對其應用樣式??梢酝ㄟ^不同的屬性設置來控制元素的顏色、字體大小、樣式、背景圖等等。CSS規則由選擇器和聲明兩部分組成,選擇器指定HTML元素,而聲明則告訴瀏覽器應該如何渲染這個元素。
CSS樣式可以通過使用樣式表來統一控制整個網站的外觀與布局。在樣式表中,我們可以定義全局樣式、特定元素的樣式、類樣式、ID樣式等。同時,也可以通過嵌套、繼承等特性來進行復雜的樣式控制。
/* 全局樣式 */ body { font-family: Arial, sans-serif; font-size: 14px; } /* 特定元素樣式 */ a { color: blue; text-decoration: none; } a:hover { text-decoration: underline; } /* 類樣式 */ .btn { border-radius: 5px; padding: 10px 20px; background-color: #ff0000; color: #fff; } /* ID樣式 */ #logo { width: 100px; height: 50px; background-image: url(logo.png); }
CSS的樣式可以在HTML文件的