CSS(层叠样式表Cascading Style Sheets)由两部分构成:选择器,声明。例如h1 {color:red; font-size:14px;}中:
h1为选择器,- 大括号中的
color:red; font-size:14px;为声明
CSS引用
在<head> </head>标签内写入:
<style type= "text/css" >
CSS样式
</style>
CSS注释
/*注释语句*/
行内样式
- 在标签内添加style样式属性。如:
<p style="color:red"> 内容 </p>
内部样式
在<head> </head>中写入
<style type="text/css">
p{color:bule;}
</style>
注:考虑到浏览器版本问题,可将p{color:bule;}部分写为注释部分,例如<!--p{color:bule;}-->
外部样式
- 外部样式表是将CSS代码写在独立的一个文件中,扩展名为.CSS
- 引入外部文件时,在
<style> </style>中写入<link href="XX.css" rel="stylesheet" type="text/">
导入式
在<style> </style>中写入@import "XX.css"或@import url(XX.css)
小结
优先级:行内样式>内部样式>外部样式
注:在<style></style>中,链入外部样式表和内部样式表之间遵循就近原则