美文网首页
引入方式

引入方式

作者: 春铃邃晓 | 来源:发表于2018-04-12 17:33 被阅读0次

css

1 行内式
<p style=""></>
2 内嵌式

<head> 
     <style type="text/css"> 
            ...此处写CSS样式 
      </style> 
</head>

这种方法的使用情况要少的多,最长见的就是访问量大的门户网站。或者访问量较大的企业网站的首页。
3 导入式

<head> 
     <style type="text/css"> 
            @import url(mystyle.css);
      </style> 
</head>

在整个网页装载完之后再装载CSS文件。
问题是:如果网页内容较大则会先显示无样式的页面,闪烁一下,再出现网页的样式

4 链接式
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
以网文件主体装载CSS文件,因此显示出来的网页从一开始就是带样式的效果

总结:
一般来说,做网站时把样式多写在多个样式表文件中,因此先用链接式引入一个总的CSS文件,然后在这个CSS文件中再使用导入式来引入其他的CSS文件。但如果通过JavaScript来动态引入CSS文件,则只能使用链接式。

js

<script src="..."></script>

相关文章

  • vue-cli 引入jq,bootstrap,swiper

    引入jqeury方式 引入bootstrap方式 引入swiper方式

  • 引入方式

    css 1 行内式 2 内嵌式 这种方法的使用情况要少的多,最长见的就是访问量大的门户网站。或者访问量较大的...

  • JavaScript

    JavaScript的引入方式 内部引入方式 外部引入方式 JavaScript的组成: ECMAScript:J...

  • JavaScript之引入方式

    JavaScript的引入方式 JavaScript文件的引入方式与CSS引入方式类似,主要也是分为三种:标签内联...

  • vue项目引入 Element ui 的两种方式

    手动引入 按需引入(推荐):自动(vue ui)方式 按需引入生成代码 按需引入:手动方式 1.安装 Elemen...

  • springboot+liquibase多数据源管理配置

    在项目中引入liquibase依赖maven仓库 pom.xml引入方式 gradle引入方式 springbbo...

  • css样式的引入方式

    有3种引入方式a、外部引入b、头部引入c、行内引入(内联引入) -------------------------...

  • CSS 引入方式

    主要内容: CSS 引入方式介绍 ,link 和 @import区别 。 CSS是什么 层叠样式表 (Cascad...

  • CSS引入方式

    1、行内引入 2、内部引入 将CSS定义在head内 3、外部引入 单独编写CSS文件 在HTML->HEAD中引...

  • CSS引入方式

    CSS的基本语法 1)CSS语法选择器{属性名称1:属性值1;属性名称2:属性值2;...} 2)CSS的引入方式...

网友评论

      本文标题:引入方式

      本文链接:https://www.haomeiwen.com/subject/kydfkftx.html