CSS基础

CSS概念

CSS文件

• 外部CSS：在头部声明，通过link引入。

  <link href="yourcssfile" type="text/css" rel="stylesheet">         
  

• 内部CSS：同样是在head中定义

  <style type="text/css">
  .......
  </style>
  

• 使用外部还是内部CSS？
  使用外部CSS有诸多好处，比如所有网页可以统一样式，并且在修改时之需要修改CSS文件。另外，用户如果已经下载好CSS文件，那么在网页加载时会更快。

CSS选择器

• 通用选择器 *{} 应用于文档中的所有元素
• 类型选择器 h1,h2{} 匹配到相应名称的选择器，且CSS选择器区分大小写
• 类选择器 .note{}, p.note{} 对应于相应的class值
• ID选择器 #intro{} 对应相应的id值
• 子元素选择器 li>a{} 匹配父元素的直接子元素。
• 后代选择器 p a{}
• 相邻兄弟选择器 h1+p{}
• 普通兄弟选择器 h1~p{}

CSS属性

颜色