手機版微網(wǎng)站網(wǎng)推拉新app推廣平臺
學(xué)習(xí)文章目錄
- 一.內(nèi)部樣式
一.內(nèi)部樣式
寫在 html 頁面內(nèi)部,將所有的 CSS 代碼提取出來,單獨放在 <style>
標簽中
語法:
<style>
h1 {
color: red;
font-size: 40px;
}
</style>
注意點:
<style>
標簽理論上可以放在 HTML 文檔的任何地方,但一般都放在 標簽
中- 此種寫法:樣式可以復(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>