HTML学习6/1（第五章）-CSDN博客

本文链接：https://blog.csdn.net/qq_38839744/article/details/80540162

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="refresh" content="1" />
		<style type="text/css">
			ul strong{font-style: italic;}
			.center{text-align: center;color: red;}
			#wenyi{font-family: 隶书;font-size: 12px;background: #DDDDDD;}
		</style>
		<link rel="stylesheet" type="text/css" href="css/myStyle.css" />
		<title>CSS及常用的样式</title>
	</head>
	<body>
		<p align="left">我在使用外部样式表</p>
		<!--
        	作者：Mr fang
        	时间：2018-06-01
        	描述：使用外部样式表后，再对标签属性进行修改时不起作用
        -->
        <p align="left"><h3 >外部样式表中的p标签与h3标签混用</h3>我在使用外部样式表</p>
        <!--
        	作者：offline
        	时间：2018-06-01
        	描述：当出现混用的情况时，距文本近的标签中的属性会覆盖远处标签的属性，且此时对外部的标签属性
        	          进行修改时，能对文本起作用。
        -->
        <hr size="50" color="black" />
        <p>类选择器</p>
        <h3>图书分类</h3>
        <strong>无序列表化外的strong元素</strong>
        <ul>
        	<li><strong>小说</strong></li>
        	<li id="wenyi">ID选择器</li>
        	<li><strong>文艺</strong></li>
        	<li><strong>励志/成功</strong></li>
        	<li class="center"><strong>童年</strong></li>
        	<li class="center">生活</li>
        </ul>
        <!--
        	作者：Mr fang
        	时间：2018-06-01
        	描述：样式可以叠加，如果样式之间发生了冲突，由样式优先级决定最终样式结果
        	           选择器角度优先级先后：ID选择器->类选择器->标签选择器
        	           样式表插入方式优先级先后：内联样式->内部样式表->外部样式表
        	          “ 就近原则 ”    “适用范围最小原则 ”
        -->
	</body>
</html>

p{
	text-align: center;
	color: blue;
	font-size: 16px;
}
h3{
	color: red;
}
body{
	font-family: verdana,sans-serif;
}
/*p{
	margin-left: 20px;
}*/