CSS总结

161 阅读1分钟

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>中,链入外部样式表和内部样式表之间遵循就近原则