CSS基础知识

样式表的三种方法

• 内联样式表
  • <h1 style="color:red">text</h1>
  • 优先级最高,但不推荐使用
• 嵌入式样式表
  • <style type="text/css">样式定义</style>
• 外部样式表
  • <link rel="stylesheet" type="text/css" href="mystyles.css"/>
  • 常用

  选择器

• 元素选择器
• 对文件里的所有该元素进行样式格式化
• p{color:blue;}
• 类选择器
• 选择有某个class属性的元素
• `.big{font-weight:bold;}
• ID选择器
• 选择有某个id属性的元素
• `#name{width:13em;}
• 通配符选择器
• 用于选择所有元素
• 通常对文档进行格式化`*{margin:0;padding:0;}
• 伪类选择器
• a:link{}
• a:visited{}
• a:hover{}
• a:active{}
• 伪元素选择器
  • p:first-line{font-weight:bold}
  • p:firsr-letter{font-size:2em;color:red;}
  • div也适用
• 复合选择器
• 交集选择器div.tet{}
• 并集选择器.div1,.div2,
• 后代选择器.outer div{}
• 子代选择器