在HTML中,CSS用于定義網頁元素的樣式,比如字體、顏色、背景、布局等等。通過在HTML標簽中添加“style”屬性,可以直接在HTML代碼中使用CSS樣式。
例:這句話顯示為紅色
除了直接在HTML代碼中使用CSS樣式之外,我們還可以把CSS樣式定義在一個CSS文件中,然后通過在HTML文件中添加“link”標簽來鏈接CSS文件。
例:在HTML文件頭部添加以下代碼:<link rel="stylesheet" type="text/css" href="mystyle.css">在CSS文件中定義樣式:body { background-color: #f1f1f1; } h1 { color: blue; font-size: 24px; } p { color: green; }
這樣,HTML文件中的元素就可以引用這些樣式了。
例:<h1>這是標題</h1>
<p>這是一段文本</p>
以上兩個元素都會應用樣式表對應的樣式,并分別顯示為藍色24號字體和綠色字體。
CSS在HTML中的作用遠不止于此,它可以幫助我們實現豐富的網頁效果和布局,讓網站更加美觀與易讀。
上一篇sass 引入vue
下一篇sails和vue