行内样式:行内样式就是直接把CSS代码添加到HTML的标记中,即作为HTML标记的属性标记存在。通过这种方法,可以很简单地对某个元素单独定义样式。比如<div style=”color:#f00”></div>
内部样式:内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。如<style type=”text/css”>.div{color:#f00}</style>
外部样式:外部样式表将管理整个Web页的外观,当用户在设计HTML(标准通用标记语言的一个应用)时,首先要对整个外观定义一个CSS文件(扩展名为·css),然后通过链接来使用,一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。
<link rel=”stylesheet” href=”css.css” type=”text/css”/>
css的优先级
在行内样式,内部样式,外部样式同时使用下,经过实验行内样式>内部样式>外部样式
但内部样式和外部样式在使用时还需看它们用的选择器,一般来说id选择器>类选择器>元素选择器
如果外部样式用的类选择器而内部样式用的元素选择器,那么行内样式>外部样式>内部样式
如果它们选择器相同,那么就行内样式>内部样式>外部样式(就近原则)