行内样式行内样式就是直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。通过这种方法,可以很简单地对某个元素单独定义样式。比如<div style=”color:#f00”></div>

 

内部样式内部样式表是写在HTML<head></head>里面的。内部样式表只对所在的网页有效。<style type=”text/css”>.div{color:#f00}</style>

 

外部样式外部样式表将管理整个Web页的外观,当用户在设计HTML(标准通用标记语言的一个应用)时,首先要对整个外观定义一个CSS文件(扩展名为·css),然后通过链接来使用,一个外部的样式表可以通过HTMLLINK元素连接到HTML文档中

<link rel=”stylesheet” href=”css.css” type=”text/css”/>

 

css的优先级

在行内样式,内部样式,外部样式同时使用下,经过实验行内样式>内部样式>外部样式

但内部样式和外部样式在使用时还需看它们用的选择器,一般来说id选择器>类选择器>元素选择器

如果外部样式用的类选择器而内部样式用的元素选择器,那么行内样式>外部样式>内部样式

如果它们选择器相同,那么就行内样式>内部样式>外部样式(就近原则)

 

posted on 2017-10-20 18:24  缥缥缈  阅读(147)  评论(0编辑  收藏  举报