标签上使用style属性直接引入CSS样式,即内联样式。
<body> <p style="color:red;font-size:24px;">这是一个段落</p> <!--样式用;结尾,哪怕只有一个样式--> </body> 在头部标签内通过<style></style>设置CSS样式,即内部样式。
<html> <head> <meta charset="UTF-8"> <title>网页标题</title> <style> p{ color:red; font-size:24px; } </style> </head> <body> <p>这是一段文字</p> </body> </html> 新建后缀名为.css的文件,直接在新文件内部编辑样式,然后在HTML中通过<link>标签引入样式文件。
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Test</title> <link rel="text/css" href="./test.css"> </head> <body> <p>这是一段文字</p> </body> </html> *{/*全文样式*/ margin:0; padding:0; } p{ color:red; font-size:24px; }