css与html的三种结合方式

来源：互联网发布：瑞星数据恢复编辑：程序博客网时间：2024/06/05 17:05

<!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-8"><title>Insert title here</title><link rel="stylesheet" type="text/css" href="Demo.css"></link><!-- css与html的结合方式:一、内联样式在开始标签内部关联：即在styel属性里面写CSS代码。优点：直接，很灵活。缺点：如果同一标签，样式一样，会造成代码重复。二、内部样式表：在 style 标签中添加css代码优点：对网页中相同的标签进行统一设置。缺点：对局部设置不够灵活。2、如果有多个页面样式相同，会造成代码重复。解决方式：@import url();三、联接外部样式表<link rel="stylesheet" type="text/css" href="xxx.css"></link>优先级关系：    三 < 二 < 一由内到外，优先级，由大到小。 --> <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>

0 0