内联样式 嵌入样式 外部样式怎么理解?最好有例子解释说明一下,谢谢!
4 回答
已采纳
nickylau82
TA贡献128条经验 获得超67个赞
<head> <link href="css/bootstrap.min.css" rel="stylesheet"> --这是外联样式 <style> body{ margin:0;padding:0} --这是内联样式 </style> </head> <body> <div style="border:1px red solid;"></div>--这是嵌入样式 </body>
blovetu
TA贡献319条经验 获得超234个赞
内联样式
<div style="width:300px;height: 200px; background-color: #ff0">这里是内联样式</div>
嵌入样式
<head> <style type="text/css"> /*嵌入样式*/ .div { width: 300px; height: 200px; background-color: #f00; } </style> /*外部样式*/ <link rel="stylesheet" type="text/css" href="style.css"> </head>
他们的优先级是:内联样式>嵌入样式>外部样式,采用的是就近原则
- 4 回答
- 1 关注
- 1884 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消