CSS

　　这是开发课程，一要有固定的练习时间，二要多想多练多练多想，（练习时间：学习时间》2:1）。

　　能力就是你的技术和解决问题能力 。

　　看了句经典话：结婚证对男人来说是无期徒刑证，是女人的上岗证。

　　color后跟颜色名称，可能不被所有浏览器接受，使用十六进制时会被所有浏览器接受。

<!DOCTYPE HTML>
<html>
	<head>
		<title>html选择器</title>
		<style type="text/css">
			p{color:red;font-weight:bold}
		</style>
	</head>
	<body>
		<p >这是一个段落.</p>
		
	</body>
</html>

　　

<!DOCTYPE HTML>
<html>
	<head>
		<title>id选择器</title>
		<style type="text/css">
			#test{color:red;font-weight:bold}
		</style>
	</head>
	<body>
		<p id="test">这是一个段落.</p>
		
	</body>
</html>

　　

<!DOCTYPE HTML>
<html>
	<head>
		<title>类选择器</title>
		<style type="text/css">
			.test{color:red;font-weight:bold}
		</style>
	</head>
	<body>
		<p class="test">这是一个段落.</p>
		
	</body>
</html>

　　

<!DOCTYPE HTML>
<html>
	<head>
		<title>属性选择器</title>
		<style type="text/css">
			[align="center"]{color:blue}
			[name~="t1"]{color:red}
			[name|="t"]{color:green}
		</style>
	</head>
	<body>
		<p align="center" >这是一个段落.</p>
		<p align="center" name="t t1">这是一个段落.</p>
		<p align="center" name="t-t1">这是一个段落.</p>
	</body>
</html>

　　

 

<！直接样式表>
<!DOCTYPE HTML>
<html>
	<head>
		<title>直接样式表用法</title>
		<style type="text/css">
			p{color:red;font-size:16pt}
		</style>
	</head>
	<body>
		<p>这是一个段落.</p>
		<P>这是另一个段落。</p>
	</body>
</html>

　　

<!内部样式表>
<!DOCTYPE HTML>
<html>
	<head>
		<title>内部样式表</title>
		<style type="text/css">
			.test{color:red;font-weight:bold}
		</style>
	</head>
	<body>
		<p class="test">这是一个段落.</p>
		
	</body>
</html>

　　rel = "stylesheet"表示这是一个css文件。

<!外部样式表>
<!DOCTYPE HTML>
<html>
	<head>
		<title>外部样式表</title>
		<link rel="stylesheet" href="css/home.css" type="text/css" />
	</head>
	<body>
		<p >这是一个段落.</p>
		<p >这是一个段落.</p>
	</body>
</html>

　　

posted @ 2012-12-28 21:39  加拿大小哥哥  阅读(513)  评论(0)  编辑  收藏  举报