手機(jī)版微網(wǎng)站百度關(guān)鍵詞排名十大排名
學(xué)習(xí)文章目錄
- 一.內(nèi)部樣式
一.內(nèi)部樣式
寫在 html 頁面內(nèi)部，將所有的 CSS 代碼提取出來，單獨放在 <style> 標(biāo)簽中
語法：
<style>
h1 {
color: red;
font-size: 40px;
}
</style>
注意點：
<style>標(biāo)簽理論上可以放在 HTML 文檔的任何地方，但一般都放在 標(biāo)簽
中- 此種寫法：樣式可以復(fù)用、代碼結(jié)構(gòu)清晰
存在的問題： - 并沒有實現(xiàn)：結(jié)構(gòu)與樣式完全分離
- 多個 HTML 頁面無法復(fù)用樣式
<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>內(nèi)部樣式</title><style>h1{color:red; font-size: 50px;}h2{color: blue;font-size: 60px;}h3{color: aqua;font-size: 70px;}p{color: blueviolet;font-size: 30px;}img{width: 200px;}</style>
</head>
<body><h1>我是一個愛貓人士</h1><h2>橘貓</h2><h3>波斯貓</h3><p>貍花貓</p><p>布偶貓</p><p>三花貓</p><p>德文貓</p><img src="./path_test/大胖橘.jpeg" alt="橘貓">
</body>
</html>