前端学习——CSS的声明

最新推荐文章于 2023-02-24 10:31:00 发布

野生小米椒

最新推荐文章于 2023-02-24 10:31:00 发布

阅读量429

点赞数

分类专栏：三大基础语言

本文链接：https://blog.csdn.net/x1037490413/article/details/88074597

版权

三大基础语言专栏收录该内容

144 篇文章 9 订阅

订阅专栏

效果展示：

代码以及注释：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>css的声明学习</title>
		<!--声明css代码域--
			css的引入方式：
		第一种：在head标签中使用style标签声明----内联声明
		第二种：在需要加样式的标签使用style属性来声明---内嵌声明
		第三种：在head标签中使用link标签来引入外部的css样式---外联声明，好处：一次书写，多次使用

		>
		<!--问题：
			不同的声明给同一标签操作了同一样式，会使用谁的？
			如果CSS的声明全部在head标签中，则遵循就近原则，谁离标签近，最后就显示谁。
		-->
	<style type="text/css">
			hr{
				width: 50%;
				height: 100px;
				color: red;
				background-color: red;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="css/my.css" />
		
		
	</head>
	<body>
		<h3>css的声明学习</h3>	
		
		
		<hr style="background-color: rosybrown"/>
		<hr />
	</body>
</html>

外联link标签：

写一个CSS的文件

hr{
				width: 50%;
				height: 100px;
				color: red;
				background-color:gold 
							}

野生小米椒

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端学习——CSS的声明

效果展示：代码以及注释：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>css的声明学习</title> <!--声明css代码域-- css的引入方式：第一种：在head标签中使用style标签声明----内...
复制链接

扫一扫

专栏目录