第一种添加 CSS 的方法是直接在 HTML 中添加 style 标签。使用该方法可以直接在文档中设置样式,代码如下:
<html> <head> <style type="text/css"> body { margin: 0; padding: 0; font-size: 16px; } </style> </head> <body> <h1>Hello, World!</h1> <p>This is a paragraph.</p> </body> </html>
第二种添加 CSS 的方法是使用外部样式表。该方法比起第一种方法更简洁,也更易于维护。代码如下:
/* CSS 文件 */ body { margin: 0; padding: 0; font-size: 16px; } /* HTML 文件 */ <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h1>Hello, World!</h1> <p>This is a paragraph.</p> </body> </html>
第三种添加 CSS 的方法是通过行内样式。该方法用于设置单个元素或个别元素的样式,代码如下:
<html> <head> </head> <body> <h1>Hello, World!</h1> <p>This is a paragraph.</p> </body> </html>
以上三种方式是添加 CSS 样式的常见方法,了解并熟练掌握它们将为大家提供更多的开发便利。