常规css

最新推荐文章于 2024-10-05 17:04:37 发布

Y2076205436

最新推荐文章于 2024-10-05 17:04:37 发布

阅读量110

点赞数 1

文章标签： css 前端

本文链接：https://blog.csdn.net/Y2076205436/article/details/138634634

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>样式</title>
		<!-- 内部样式：type可有可无 -->
		<style>
			h3{
				color: aquamarine;/* 字体颜色 */
				font-size: 28px;/* 字体大小 */
				text-align: center;/* 文本居中显示 */
			}
			p{
				color: blue;
			}
			.col{
				font-size: 36px;
			}
			#size{
				color: red;
				font-family: 楷体;
			}
			ol li{
				color: #fec5ff;
			text-align: center;
			font-size: 30;
			}
		</style>
		<!-- 关联外部样式 -->
		<link href="css/font-style.css" rel="stylesheet"/>
	</head>
	<body>
		<!-- css：层叠样式表，级联样式表 -->
	<!-- 	引入样式：
		1.内联样式：在标签中加入style属性
		2.内部样式：在html文件中用style标签书写
		3.外部样式：
		step1：书写css样式文件
		step2：在html文件中用link关联样式表
		同时对一个标签用内联、内部、外部时，样式采用优先级：内联优先级最高，内部和外部样式，谁离标签越近谁优先级高。
		color：文本颜色
		font：文字    size：大小 font-size：字体大小
		 -->
		<!-- 选择器：
		 1.选择标签
		 2.类选择：在结构中用class属性，在样式中用.类名
		 3.id选择:在结构中用id属性，在样式中用#id名
		 -->
		<h2 style="color: #fec5ff;font: size 32px;">古诗中文网</h2>
		<h3 closs="col">蒹葭</h3>
		<p class="col" id="size">蒹葭苍苍，白露为霜</p>
		<p class="col">所谓伊人，在水一方</p>
		<hr />
		<ul>
			<li>首页</li>
			<li>商品详情</li>
			<ol>
				<li>前端</li>
				<li>平凡的世界</li>
			</ol>
		</ul>
	</body>
</html>