1.css基础

selector {property: value}

eg:

h1 {color:red; font-size:14px;}

p {

  text-align: center;

  color: black;

  font-family: arial;

}

h1,h2,h3,h4,h5,h6 {

  color: green;

  }

希望列表中的 strong 元素变为斜体字，而不是通常的粗体字，可以这样定义一个派生选择器：

li strong {

    font-style: italic;

    font-weight: normal;

  }

id 选择器以 "#" 来定义。

下面的两个 id 选择器，第一个可以定义元素的颜色为红色，第二个定义元素的颜色为绿色：

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

id 选择器和派生选择器

在现代布局中，id 选择器常常用于建立派生选择器。

#sidebar p {

	font-style: italic;

	text-align: right;

	margin-top: 0.5em;

	}

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

.center {text-align: center}

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

.fancy td {

	color: #f60;

	background: #666;

	}

[title]

{

color:red;

}

[title=W3School]

{

border:5px solid blue;

}

[title~=hello] { color:red; }