本文介绍了三种CSS的书写位置，包括内联样式、外部链接样式表和HTML头部内嵌样式，以帮助理解其在网页开发中的应用和优劣。
让我为大家介绍一下css的书写位置
1.内部
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内部</title> <!-- 内部位置 --> <!-- 这就是内部形式 --> <style> div { width: 100px; height: 100px; } </style> </head> <body> <div>1</div> <div>2</div> <div>3</div> </body> </html> 2.外部 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>外部</title> <!-- 这是外部形式，也是开发中最常用的 --> <link rel="stylesheet" href="index.css"> </head> <body> <div>1</div> <div>2</div> <div>3</div> </body> </html> 3.行内 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>行内</title> </head> <body> <!-- 行内加style --> <div style="width: 200px;height: 200px;">1</div> </body> </html>
