精通CSS+DIV网页样式与布局——基础

一、定义。

         层叠样式表，是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

二、基本元素。

         2.1选择器。

                   定义：　要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。

                   类别：

                   （1）标记选择器用法：

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

（2）类别选择器用法：

.class{
color:green;
font-size:20px;
}



（3）ID选择器用法：

#id{
				color:yellow;
				font-size:30px;
				}

            

2.2 CSS继承

                   CSS继承其实就是子样式对父样式的覆盖。 例子 

<html>
<head>
	<title>父子关系</title>
	<base target="_blank">
<style>
<!--
h1{    /*父CSS*/
	color:red;					/* 颜色 */
	text-decoration:underline;	/* 下划线 */
}
h1 em{							/* 嵌套选择器 子CSS*/
	color:#004400;				/* 颜色 */
	font-size:40px;				/* 字体大小 */
}
-->
</style>
   </head>

<body>
	<h1>祖国的首都<em>北京</em></h1>
	<p>欢迎来到祖国的首都<em>北京</em>，这里是全国<strong>政治、<a href="economic.html"><em>经济</em></a>、文化</strong>的中心</p>
	<ul>
		<li>在这里，你可以：
			<ul>
				<li>感受大自然的美丽</li>
				<li>体验生活的节奏</li>
				<li>领略首都的激情与活力</li>
			</ul>
		</li>
		<li>你还可以：
			<ol>
				<li>去八达岭爬长城</li>
				<li>去香山看红叶</li>
				<li>去王府井逛夜市</li>
			</ol>
		</li>
	</ul>
	<p>如果您有任何问题，欢迎<a href="contactus">联系我们</a></p>
</body>
</html>

posted @ 2012-12-23 21:07  夏至冬末  阅读(247)  评论(0)  编辑  收藏  举报