html与css结合方法

最新推荐文章于 2021-06-19 02:23:14 发布

sxx鸟人

最新推荐文章于 2021-06-19 02:23:14 发布

阅读量574

点赞数 3

分类专栏：笔记

本文链接：https://blog.csdn.net/qq_46912246/article/details/110093906

版权

笔记专栏收录该内容

1 篇文章 0 订阅

订阅专栏

CSS结合HTML的三种方法：
1，在标签的style中输入属性

<div style="border: 1px solid red;">第一种方法</div>

该方法的缺点：代码多，可读性差。

2，在head标签中定义一个style标签


<html>
	<head>
		<meta charset="utf-8">
		<title>css</title>
	</head>
	<style type="text/css">
		div{
			border: 12px solid aqua;
		}
	</style>
	<body>
		<div style="border: 1px solid red;">第一种方法</div>
		<div >
			第二种方法
		</div>
	</body>
</html>

该方法只能给一个页面进行复用，不能给多个页面进行复用；维护麻烦，实际项目中有很多页面，一个个去修改工作量太大。

3，在html外部定义一个css，从head里面用link调用

<html>
	<head>
		<meta charset="utf-8">
		<title>css</title>
	</head>
	<!--link标签专门引入css代码-->
	<link rel="stylesheet" href="lianxi.css" />
	<body>
		<div>第三种方法</div>
	</body>
</html>