<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>css基础</title>
	<style type="text/css">
		/* 样式定义
		样式名称|样式选择器{样式1：值1；样式2：值2；}
		简单的样式名称：
		  （1）标签名作为样式名称
		*/
		p{color: #698;background-color: yellow;font-size: 30px}
		/*（2）类名作为样式名称
		类名可以自己取名，类的标志是类名前有一个，.取名规则
		a.有意义，见名如意
		b.中文不能作为类名
		c.首字符不能是字母，如：1cc 错
		d.特殊符号不能用，“_  -可以用，如：name_1，name—1 对，name 1错,name&1错”
		*/
		.text{font-size:40px;color: #ffffff;background-color:#111111}
		.h{border-width: 2px;border-color: #000;border-style:solid;font-size: 17px}
		/*
		(3)id名作为样式名称
		id样式的标志是id前有一个#
		id名命名规则类命名规则
	2.id样式与类型规则类名命名规则：
		（1）在一个页面中id只能出现一次，唯一性
		网页 html+css+js （getelementbyid（‘class’））
		（2）类名可以多次出现
	3.标签、类、id三种样式，优先级排列
		（1）写在后面的样式会覆盖前面的样式
		（2）标签<类<id
	4.当一个标签上应用多个类，class=“类名1 类名2 类名3”

		*/
		#class{width: 100px;height: 100px;background-color: #6f6}
	</style>
</head>
<body>
	
	<P>的话那就快更好的风景可不好几分动感客服电话开关盒ui韩国进口的好</P>
	<P >的话那就快更好的风景可不好几分动感客服电话开关盒ui韩国进口的好</P>
	<dir class="text">的话那就快更好的风景可不好几分动感客服电话开关盒ui韩国进口的好</dir>
	<h2 class="h">的话那就快更好的风景可不好几分动感客服电话开关盒ui韩国进口的好</h2>
	<dir id="class"></dir>

</body>
<dir></dir>
</html>