选择器，style属性应用样式

最新推荐文章于 2024-09-28 14:06:20 发布

妧徽

最新推荐文章于 2024-09-28 14:06:20 发布

阅读量97

点赞数 3

分类专栏：笔记整理文章标签： html5

本文链接：https://blog.csdn.net/woiyuan/article/details/138661465

版权

笔记整理专栏收录该内容

10 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>选择器，style属性应用极其样式</title>
		<style>
			h1{
				color: #ff0000;
				
			}
			h3{
				color: #ffffff;
			}
			h6{
				color:#02DF3A;
				text-align: center;
				font-size: 20px;
			}/* 标签选择器 */
			#gao{
				color: #aaffff;
				text-align: center;
				font-size: 15px;
			}/* id选择器 */
			.yuan{
				color: #ff55ff;
				text-align: center;
				font-size: 15px;
			}/* 类别选择器 */
		</style><!-- 内部样式 -->
		<link href="css/外部样式.css" rel="stylesheet"/><!-- 外部样式 -->
	</head>
	<body>
		<h6>大夫背后哇</h6>
		<h6 class="yuan">这是外部样式</h6>
		<h6>蒹葭</h6>
		<p id="gao">蒹葭苍苍，白鹭为霜。</p>
		<p class="yuan">所谓伊人，在水一方。</p>
		<table border="1">拥有表格边框的附加信息</table>
		<h1>style属性</h1>
			更改页面背景颜色<body style="background-color:'yellow'">
		   <h2 style="background-color:#ffffff">更换某一标题的聊天背景颜色</h2>
		   <p style="background-color: aquamarine;">更换段落背景颜色同理</p>
		   更换字体，颜色，尺寸<p style="font-family:arial;color:red;font-size:20px;">元素内容.</p><!-- 内联样式 -->
		   <h1 style="text-align:center">使文本居中对齐</p>
		<br />
		<a href="3.HTML的引用.html" style="text-decoration:none">上一节</a>
		<a href="5.HTML链接与图像.html" style="text-decoration:none">&nbsp;下一节</a>
	</body>
</html>