为了账号安全,请及时绑定邮箱和手机立即绑定

内联样式 嵌入样式 外部样式怎么理解?

内联样式 嵌入样式 外部样式怎么理解?

非池中锦鱼3693830 2016-07-24 14:25:38
内联样式 嵌入样式 外部样式怎么理解?最好有例子解释说明一下,谢谢!
查看完整描述

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>


查看完整回答
1 反对 回复 2016-07-24
?
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>

他们的优先级是:内联样式>嵌入样式>外部样式,采用的是就近原则


查看完整回答
1 反对 回复 2016-07-25
?
柠檬酸钠

TA贡献331条经验 获得超534个赞

內联样式写在标签的style属性中
嵌入样式写在style标签中
外部样式写在css文件中,通过link标签引入

查看完整回答
1 反对 回复 2016-07-24
  • 非池中锦鱼3693830
    非池中锦鱼3693830
    说的很中肯,需要在后面的联系中不断琢磨,我处于小白级别,估计大家跟我一样,到这里基本上开始有点懵的感觉。还得多练习,多琢磨,谢谢您的回答,很感谢!
  • 柠檬酸钠
    柠檬酸钠
    一般网站都是用外部样式表引入的,至于嵌入的就是布局的时候好调整,最后布局完成后还是移动到外部样式表,行内样式一般就是做特效的,很少有人把样式写在行内
  • 非池中锦鱼3693830
    非池中锦鱼3693830
    谢谢大神的讲解,感谢!
  • 4 回答
  • 1 关注
  • 1838 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信