css语法由三步分构成：选择器，属性和值
E0z|R7y3fIE0

• 记得写引号

  51Testing软件测试网+EX^B_D'_

  提示：如果值为若干单词，则要给值加引号：51Testing软件测试网 ^2sn&`!u H Ui

  p {font-family:"sans serif";}

• 多重声明：

  51Testing软件测试网^$K,ID"|3c:G4JyU

  提示：如果要定义不止一个声明，则需要用分号将每个声明分开。

  ]%xv D
  F@0KS1F0

• 空格和大小写敏感

  -j)y9JK9hNn }e}0大多数样式表包含不止一条规则，而大多数规则包含不止一个声明。多重声明和空格的使用使得样式表更容易被编辑：

  0J_7|+] d$r0

• 选择器的分组

  .Z&G;s!f#^aC&zbn0你可以对选择器进行分组，这样，被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开

  nA*~ C*D-K0

• 继承及其问题

  juM\#}*CW0根据CSS，子元素从父元素继承属性。

  \ZX!D@.P0

• 派生选择器

  51Testing软件测试网Ut$X$N3R4J h1V

  通过依据元素在其位置的上下文关系来定义样式，你可以使标记更加简洁。51Testing软件测试网r(G)S-so0udV7A

  +yj|C j-zi+KJ0在CSS1中，通过这种方式来应用规则的选择器被称为上下文选择器(contextual selectors)，这是由于他们依赖于上下文关系来应用或者避免某项规则。51Testing软件测试网e*v&Pi5W[

• 派生选择器允许你根据文档的上下文关系来确定某个标签的样式

• id选择器

  51Testing软件测试网+yus;ZZ;?H

  id选择器可以为标有特定id的HTML元素指定特定的样式。51Testing软件测试网F;{}hT1q,w

  'o]P*rKA"ht[j n0id选择器以"#"来定义。51Testing软件测试网,U3to1{"E6T

• id选择器和派生选择器

  51Testing软件测试网b7S"|!fe/LkD'j

  在现代布局中，id选择器常常被用来建立派生选择器。51Testing软件测试网L;D
  _'c:Zib,j6BqN

  #sidebar p{
  |ElmSP%m(h:X
  um-?0font-style: italic;51Testing软件测试网R:oI6R*~?t*N,H
  text-align: right;
  Y;oDCQkf0margin-top: 0.5em;51Testing软件测试网*?o-c'Qj0V.D
  }

• id选择器作为派生选择器也可以被使用很多次

• 单独的选择器

  `o;@{W#I[%@0id选择器即使不被用来创建派生选择器，它也可以独立发挥作用

  sz:g2Zz`'Z9j^0
• 51Testing软件测试网k X5xMP)cRZ5w

  在CSS中，类选择器以一个点号显示：51Testing软件测试网"? [g"^3s

  .center{text-align: center}

  l5}Pcn8UX0在上面的例子中，所有拥有center类的HTML元素均为居中。51Testing软件测试网3zC%V/?i
  L/AXL

• 不要使用数字起始类名！它无法在Mozilla或Firefox中起作用
• 和id一样，class也可被用作派生选择器

• html有标签，CSS有选择器。选择器是给内部和外部样式里面的样式命名。
• 每个选择器都有属性在{}里面
• 值在冒号（不是等号）后面
• 分号分离属性
• em比如font-size:2em给于字体计算出的大小，所以2em就是实际字体大小的两倍。
  @#`MrE+ldcw'pK0　　px比如font-size:12px是pixel像素的单位。51Testing软件测试网
  ^\beG
  i$C \6ck3l
  　　pt比如font-size:12px是points镑的单位。
  6w)@6}/c"^%T0　　%比如font-size:80%是百分比
• pc（12点西文活字）、cm（厘米）、mm（毫米）和in（英寸）
• 当值是零的时候，不需要单位
• 建议使用"em"和"%"在font-size上（宽度和高度），相比下px不能够在大部分浏览器改变大小，所以要少用，可以用在边框的大小上

 display：inline/block/inline-block/none

• inline:内联对象的默认值。将对象强制作为内联对象呈递，从对象中删除行
• none：不显示
• display:inline-block; 将对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行内
• 当display被设置为block(块)时，容器中所有的元素将会被当作一个单独的块，就像
  元素一样，它会在那个点被放入到页面中。(实际上你可以设置的display:block，使其可以像

  一样工作。 将display设置为inline，将使其行为和元素inline一样---即使它是普通的块元素如

  ，它也将会被组合成像那样的输出流。
• visibility属性用来确定元素是显示还是隐藏的，这用visibility="visible|hidden"来表示（visible表示显示，hidden表示隐藏）。 当visibility被设置为"hidden"的时候，元素虽然被隐藏了，但它仍然占据它原来所在的位置
• display是指显示状态，inline表示内联，特点是紧贴着前一个内联元素，通常默认的内联元素有span,a,em,strong等。而float表示的是浮动，float:left，是针对块级元素的浮动形式，是不同形式的两种状态
• display:block; 块对象的默认值。将对象强制作为块对象呈递，为对象之后添加新行