<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /* 内部样式 */ /* css 注释 */ div {background:orange;} /* 类选择器 */ .abc{font-size:30px;background:red;} </style> <!-- 外部样式 --> <link rel="stylesheet" href="css/demo.css"> </head> <body> <!-- 内联样式 : style = "" --> <!-- html注释 --> <div style = "color:red">以色列攻打加沙</div> <div class = "abc">以色列攻打加沙</div> <div class = "abc">以色列攻打加沙</div> </body> </html> <!-- 内部样式/外部样式/内联样式 优先级:内联样式 --内部样式/外部样式(一样) 例如:如果内联样式设置颜色为红色,外部/内部选择器为黄色,那么最后会是红色 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/* 内部样式 */
/* css 注释 */
div {background:orange;}
/* 类选择器 */
.abc{font-size:30px;background:red;}
</style>
<!-- 外部样式 -->
<link rel="stylesheet" href="css/demo.css">
</head>
<body>
<!-- 内联样式 : style = "" -->
<!-- html注释 -->
<div style = "color:red">以色列攻打加沙</div>
<div class = "abc">以色列攻打加沙</div>
<div class = "abc">以色列攻打加沙</div>
</body>
</html>
<!-- 内部样式/外部样式/内联样式
优先级:内联样式 --内部样式/外部样式(一样)
例如:如果内联样式设置颜色为红色,外部/内部选择器为黄色,那么最后会是红色
-->
标签:攻打,以色列,样式,三种,background,加沙,选择器,CSS
From: https://blog.csdn.net/m0_61566562/article/details/139856278