css学习

博客来源：http://lib.youkuaiyun.com/base/18/structure  ---非常好的学习js,css的网站

css规则:选择器和声明，选择器通常是你需要改变的html元素；每条声明由一个属性和值组成,

即： 选择器：{属性：值; 属性：值......}

如：颜色

p { color: #ff0000; }  缩写为：
p { color: #f00; }

p { color: rgb(255,0,0); }
p { color: rgb(100%,0%,0%); }

对选择器分组，使他们共享属性

h1,h2,h3,h4,h5,h6 {
  color: green;
  }

子元素可以从父元素继承属性

派生选择器：

id 选择器以 "#" 来定义

#red {color:red;}
#green {color:green;}

<p id="red">这个段落是红色。</p>
<p id="green">这个段落是绿色。</p>

一个选择器，多种用法

即使被标注为 sidebar 的元素只能在文档中出现一次，这个 id 选择器作为派生选择器也可以被使用很多次：

#sidebar p {
	font-style: italic;
	text-align: right;
	margin-top: 0.5em;
	}

#sidebar h2 {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 0;
	line-height: 1.5;
	text-align: right;
	}

类选择器以一个点号显示：

.center {text-align: center}

和 id 一样，class 也可被用作派生选择器：

.fancy td {
	color: #f60;
	background: #666;
	}

熟悉选择器和值选择器

属性选择器

下面的例子为带有 title 属性的所有元素设置样式：

[title]
{
color:red;
}