CSS样式之连接⽅式
  ⾸先，我们要知道CSS是什么。简单地说，CSS层叠样式表是⽤来表现HTML或XML等⽂件样式的⼀种语⾔，它可以对页⾯中所有元素的位置、⼤⼩、颜⾊等进⾏编辑，来静态的修饰⽹页，规范页⾯的排版布局。那么CSS如何与对应的HTML⽂件进⾏连接从⽽起到作⽤呢？这就是本篇博客的主要内容。
  应⽤CSS样式表的三种⽅式：⾏内样式表、内部样式表、外部样式表
    1.⾏内样式表：是⽤style属性实现，写在<body></body>内部的样式表
css样式表优先级最高
        特点：1.讲CSS代码与HTML代码完全杂糅在⼀起，不符合W3C关于“内容与表现分离”的编码规则，不利于后期维护
          　2.优先级最⾼，⼀般⽤的测试
1<body>
2<div >
3</div>
4</body>
    2.内部样式表：是把<style type="text/css"></style>写在<head></head>头部的样式表
        特点：1.将CSS与HTML⽂件分离，但不彻底，⽆法实现样式复⽤性
          　2.优先级<⾏内样式表
<head>
<meta charset="UTF-8">
<title>应⽤CSS的三种⽅式</title>
<style type="text/css">
</style>
</head>
    3.外部样式表：是重新建⽴⼀个CSS⽂件，命名⼀般与对应的HTML⽂件名字⼀样；需要在HTML⽂件的<head></head>头部加⼀个<link>标签⽤于连接
        <link>标签的属性有：rel：声明被连接⽂档与当前⽂档的关系
                  href：被连接⽂档的地址，必填！
                  type：被连接⽂档的类型，可以选择是CSS或者JS或者其他
        特点：1.将CSS与HTML彻底分离，⽅便后期复⽤和维护
          　2.优先级<；内部样式表
<link rel="stylesheet" type="text/css" href="D6-CSS样式表（连接⽅式）.css">

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。