CSS记录-----三种引入方式

CSS三种引入方式

最近在开始学习CSS,简单记录下遇到的知识点

1.内联式

直接在对应标签内添加style属性

缺点:

代码不可复用,重复度高,维护非常麻烦

2.嵌入式

在head内部统一定义某一类标签的style

缺点:

只能在当前页面使用,不可复用,重复度高,维护麻烦

3.外部式

通过link链接css文件,herf属性为css文件地址。

相当于将嵌入式的代码写到一个css文件内,然后通过link关联生效。

建议使用,可复用高。可维护性强

 

 

HTML源码

<!DOCTYPE html>
<html>
<head>
	<title>标题</title>
	<!-- 嵌入式 -->
	<style type="text/css">
		h3{
			color: red;
		}
	</style>

	<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
	<!-- 嵌入式  红色 -->
	<h3>嵌入式</h3>
	<!-- 内联式 黄色 -->
	<P style="color: yellow">内联式</P>
	<!-- 外部式 绿色-->
	<h5>外部式</h5>


</body>
</html>

CSS源码:

h5{
	color: green;
}

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值