css与html普遍的3种融合方法示例详细介绍

日期:2021-03-07 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的


拷贝编码
编码以下:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF⑻">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="Demo.css"></link>
<!--
css与html的融合方法:
1、内联款式
在刚开始标识內部关系:即在styel特性里边写CSS编码。
优势:立即,很灵便。
缺陷:假如同1标识,款式1样,会导致编码反复。
2、內部款式表:
在 style 标识中加上css编码
优势:对网页页面中同样的标识开展统1设定。
缺陷:对部分设定不足灵便。2、假如有好几个网页页面款式同样,会导致编码反复。
处理方法:
@import url();
3、连接外界款式表
<link rel="stylesheet" type="text/css" href="xxx.css"></link>
优先选择级关联: 3 < 2 < 1
由内到外,优先选择级,由大到小。
-->
<style type="text/css">
.div_1{
color: blue;
font-size: 20px;
}
</style>
</head>
<body>
<span style="color: yellow;"> 內部款式表</span>
<div class="div_1"> 内联式款式表</div>
<div>外界款式表</div>
</body>
</html>