内联样式表和内部样式表

最新推荐文章于 2024-08-18 12:13:08 发布

数数huhu

最新推荐文章于 2024-08-18 12:13:08 发布

阅读量810

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_51942661/article/details/117462904

版权

此处保存的是我学习前端的笔记和一些日常练习，放在这里方便查看。成长之路难免会有错误，这时候才形象生动的体现那句经典名言：“失败是成功之母！” 哈哈哈哈...... 话不多说。

<!doctype>
<html>
	<head>
		<meta charset="utf-8" />
		<title>内联样式表 和 内部样式表</title>
		<style type="text/css">
			p{
				color:green;
				font-size:40px;
			}
		</style>
	</head>
	<body>
		<!--<p style="color:red;font-size:40px;">抽刀断水水更流，举杯消愁愁更愁！</p>-->
		<p>抽刀断水水更流，举杯消愁愁更愁！</p>
		<p>抽刀断水水更流，举杯消愁愁更愁！</p>
	</body>
</html>

<!--
内部样式表：
也可以将css编写到head中的style标签里
将样式表编写到style标签中，然后通过css选择器选中指定元素
然后可以同时为这些元素一起设置样式，这样可以使样式进一步复用
将样式表编写到style标签中，也可以使结构和表现进一步分离。是我们推荐使用的一种方式-->

<!--我发现！如果同时设置里内联样式和内部样式表会优先表现内联样式
的内容-->

后来再看的时候发现这个“发现”有点白痴。哈哈哈哈