css简介（一）

本文内容是对HTML & CSSDeSign anD buiLD WebSiTeS 第10章的小结。

一条CSS的规则由两部分组成selector｛declaration｝，一个declaration是一个property：value；的组合。可以有多个selector有一样的declaration，他们之间用逗号分开。

h1,h2,h3 {font-family:Arial; color:yellow;}

css写好了，如何让它显示出效果呢？

有两种，一种是external的一种是internal的，也就是一种是css放在单独的文件通过link来引入，另外一种是css的代码直接嵌入在html中，

external： 必须放在head的节点下面才有用，这个也是可以理解的，毕竟要在body引入之前就要知道这些样式，

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

internal：

    <style type="text/css">      body {          font-family: arial;          background-color: rgb(185,179,175);}      h1 {          color: rgb(255,255,255);}    </style>

selector可以有好多种：

a）全局的 *{}, 表示对当前页面的所有的element都有效果。

b）element的name，比如h1, h2,h3 ｛｝

c）class， element的class，这里要有点号，.note{}    或者  p.note{}, 这两个的区别是，前面的是对所有的class是note的节点都有用，后面的只对name是p的节点下的class是note的有用。

d）id，element的id，这里是以＃符号开始的，想起来和jquery很类似，＃introduction｛｝

e）还有一种是位置相关的selector，

child： li>a{}

descendant: p a{}

adjacent sibing: h1+p{}

general sibing:h1~p{}

这么多selector如果有冲突，一般是更具体的代替更一般的全局的规则，另外还有一种办法，就是  ！important

p b {color: blue !important;} 

property 同样也有好多种，这个在下一篇里介绍。