高级Web建设

div

逻辑区

<div id="elixirs">
	<h2>...</h2>
	<p>
	...
	</p>
</div>

#elixirs
{
	border-width:thin;
	border-style:solid;
	border-color:#007e7e;
	width:200px;/*内容区宽度*/
	padding-left:20px;
	padding-bottom:20px;
	padding-right:20px;
	margin-left:20px;
	text-align:center;/*文本排列（任何内联元素，包括图片）*/
	line-height:1;/*行高为字体大小的一倍*/
	
}

子孙选择器

#elixirs h2
{
	color:black;
}
/*选定所有子孙*/
#elixirs blockquote h2
{
	...
}
#elixirs>h2					
{
	...
}
/*只会选择直接孩子*/

边距

padding:20px 30px 10px 20px;
/*上右下左 margin 同理*/

span

span是内联元素 div是块元素

伪类

a:link{color:green;}/*未访问的链接状态 */
a:visited{color:red;}/*已访问的链接*/
a:hover{color:yellow;}/*悬停*/

叠层

作者>读者>默认

id=100
类或者伪类=10
元素=1

读者覆盖作者样式

h1
{
	font-size:200%;
	!important;
}

float

float:right;