css入门---三个引入

最新推荐文章于 2024-10-13 17:27:18 发布

小木木傻

最新推荐文章于 2024-10-13 17:27:18 发布

阅读量142

点赞数 1

分类专栏：总结文章标签： css

本文链接：https://blog.csdn.net/mumushaya/article/details/109714060

版权

总结专栏收录该内容

2 篇文章 0 订阅

订阅专栏

本文详细介绍了CSS（层叠样式表）的三种应用方式：内联样式、内部样式和外部样式。内联样式通过style属性直接设置，权重最高，但不建议大量使用。内部样式在HTML的style标签中定义，适用于部分结构和样式的分离。外部样式则通过单独的.css文件实现，完全分离结构与样式，适合多页面应用。总结指出，在样式冲突时，后出现的样式会覆盖先出现的。

摘要由CSDN通过智能技术生成

定义
css：层叠样式表（cascadingstylesheeys）
也叫css样式，级联样式表，
是一种标记语言

用来设置HTML页面的文本内容图片外形版面布局外观显示样式


内联样式：用标签的style属性实现
<p style="font-size: 24px ; color: red;" >啊giao</p>

<!--外部样式
		第一步：在css文件夹新建.css文件，写样式：
		第二步：在herd<link />引入
		      href：链接.css文件路径
		      rel:stylesheet-->
		<link href="css/new_file.css" rel="stylesheet">

h1{
	font-style: 18px;
	color: royalblue;
	
}
	内部样式：用style标签来实现	
<style>
		选择器{
			属性:值;
			属性:值;
			}
		p{
			font-size: 20px;
			color: green;
		}
		</style>
		
		<p style="font-size: 24px ; color: red;" >啊giao</p>

内联样式优点书写方便，权重高   缺点结构、样式混写  较少使用     控制一个标签

内部样式 优点部分结构和样式相分离缺点没有彻底分离  
较多使用 控制一个页面     

外部样式优点完全实现结构和样式相分离缺点需要引入 吐血推荐 控制多个页面

总结：内部样式和外部样式听谁的？
谁靠后听谁的

内联样式权重最高:他的话最管用

在这里插入图片描述