CSS入门笔记

HTML之后接着学习CSS（Cascading Style Sheet 层叠样式表）。感谢http://www.w3school.com.cn/css/index.asp

1、定义

• 什么是CSS？--CSS是层叠样式表，就是让你专门设计和放置样式的地方。
• 在HTML中就可以有样式，为什么还需要CSS？--主要为了分开管理：1）一个样式，可以同时对多个网页外观格式；2）容易管理且逻辑简单，css只需要管理样式，不涉及内容，这样html只需要引入css和管理内容即可，逻辑清晰简单，容易维护；……
  

2、基础语法（CSS规则主要由选择器和声明构成，如  selector {declaration1;declaration2;}）

• 选择器：是需要改变样式的HTML元素。selector就是选择器。选择器有继承属性
• 声明：由一个属性和一个值组成。declaration1和declaration2就是声明。如h1 {color:red;font-size:14px;}
• 选择器类型：
  • 选择器分组   h2,p {color:gray;}    是指 h2标题和p段落的颜色是灰色，两个在同一个选择器中设置
  • 元素选择器   html {color:gray;}    是指对元素本身，进行设置
    
  • 派生选择器  
    
  • id选择器   #intro {color:gray;} 定义了id是intro的选择器，引用如 

    ...

    
    
  • 类选择器  .important {color:gray;} 定义了important类 ，引用如  

    …

    
    
  • 属性选择器 [title]{color:gray;} 是指含有title属性的会生效，引用如 ...
    
  • 后代选择器  h1 em {color:gray;} 是指只有在h1元素中含有em元素时才能生效
    
  • 子元素选择器  h1 > strong {color:gray;} 是指只有strong是h1的子元素时才能生效，若h1与strong之间还有其他元素间隔，则不生效
    
  • 相邻兄弟选择器 
    
  • 伪类、伪元素
  • 以上各种不同的选择器用法，目的是为了更简洁高效地控制你想要控制的元素格式。超级实用的实例：http://www.w3school.com.cn/example/csse_examples.asp
    
• 那么，如何在html中引用呢？
  • 
    

3、支持功能

• 样式：支持 背景、文本、字体、链接、列表、表格、轮廓、对其、尺寸、分类、导航栏、图片库、图片透明、媒介类型等等
• 框模型：内边框、边框、外边框、合并
• 定位：相对定位、绝对定位、浮动
  

还有许多可参考的手册，比如颜色值之类的：http://www.w3school.com.cn/cssref/index.asp