1. 程式人生 > >HTML添加樣式三種辦法

HTML添加樣式三種辦法

標題 charset html pac set wid lan document dev

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4   <meta charset="UTF-8">
 5   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6   <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7   <title>Document</title>
 8 </head>
9 <body> 10 <style> 11 .red-text { 12 color: red; 13 } 14 h2{ 15 font-family: Monospace; 16 } 17 18 p { 19 font-size: 16px; 20 } 21 </style> 22 23 <h2 class="red-text">標題</h2> 24 <p style="color:red">段落1</p> 25 <p>段落2</p> 26
27 </body> 28 </html>

辦法一:24行,直接添加style

辦法二:14行,直接定義標題樣式

辦法三:11行,添加樣式,23行予以引用

HTML添加樣式三種辦法