css样式引用的方式并举例说明？

Answer 1

样式的引用形式大致可分为以下四种：
一、行间样式，即直接加在标签上的样式 例:<div style="width:50px;"></div>
二、内联样式 即用<style> </style>标签括起来写在页面中的样式
三、外联样式：即将样式单独放到一个文件夹中，然后用link标签引入页面的形式
四，导入样式，即将样式，按模块划分或其它的分法分别放在不同的css文件中，然后用@导入到其它样式中 。此方法建议不要用，因为效率不是特别高
前三种的优先级为： 行间 > 内联 >外联

Answer 2

Vue实践-CSS样式position/display/float属性对比使用

Answer 3

引用外部css<link href="你的css路径" type="text/css" rel="stylesheet" />比如<link href="css/css.css" type="text/css" rel="stylesheet" />

Answer 4

1、网页头部引用外部的css样式表：第一种格式：在html中，<link rel="stylesheet" type="text/css" href="css/main.css"/>，这种方式兼容性最好，是最为常用的方法。第二种格式：在xml中，<? xml-stylesheet type="text/css" href=" http://www.kmwzjs.com/css/main.css" ?>第三种格式：在html中，也可以使用<!-- @import url(" http://www.kmwzjs.com/css/main.css"); -->该方法的缺点是兼容性不太好，老版本的浏览器可能无法支持该调用方法。2、在网页内容使用css样式：第一种格式：在html页面头部使用<style type="text/css"></style>格式，该样式中的css属性将应用到整个网页中。第二中格式：在网页元素上使用，如：<p style="color:#f00">aaa</p>。总结：以上方法的有优先级别之分，在网页元素上使用的级别最高，其次是头部使用<style type="text/css"></style>，最后才是外部引用css样式，如果这几种方式定义了同一个元素的css属性，以网页元素上使用的为准。