CSS概念及语法

Posted 2022-07-28 yayun0516

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS概念及语法相关的知识，希望对你有一定的参考价值。

实例：

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

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

<!DOCTYPE HTML>
<html>
	<head>
		<title>类选择器</title>
		<style type="text/css">
			.testcolor: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>

效果可以自行测试获得。

以上是关于CSS概念及语法的主要内容，如果未能解决你的问题，请参考以下文章