分为:行间样式、内部样式、外部样式
代码演示:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--3.外部样式:需要用link标签,导入--> <link rel="stylesheet" type="text/css" href="css/01外部样式.css"/> <!--2.内部样式:在style标签中写--> <style type="text/css"> div{ width:100px; height: 100px; background: pink; } </style> </head> <body> <!--1.行间样式:直接在div中添加,style="width:100px;height: 100px;background: pink;"--> <div style="width:100px;height: 100px;background: pink;">div1</div> </body> </html>