美文网首页
css样式3种引入方法的优缺点

css样式3种引入方法的优缺点

作者: 初级程序员 | 来源:发表于2017-08-17 20:21 被阅读0次

�由于css的引入方式有3种,在使用的时候就难免要进行选择。这里将分析一下它们各自的优缺点,方便大家选择。

行间样式:

优点:不会额外的产生请求

缺点:

1、容易产生重复的代码,造成文档体积变大

2、不利于维护

3、不符合结构与样式分离的规范

因此,不建议使用行间样式。

内部样式:

优点:不会产生额外的请求

缺点:

1、初步实现结构与样式的分离

2、代码复用不方便

3、适合单页面网站应用

外部样式:

base.css

优点:

1、利于后期维护

2、可以重复使用(通过创建一个base.css,重复使用的价值更高)

3、完成实现结构与样式的分离

缺点:会产生额外的请求(但是后期我们会借助工具抹平这个缺点)

因此,推荐使用外部样式。

相关文章

  • css引入与css选择器

    一、CSS引入方式有三种:行间样式、内部样式、外部样式 1.行间样式的优缺点:(1)优点:不会额外的产生请求 ...

  • CSS基础(二)

    1 - CSS样式的引入 CSS样式的引入可以采用三种方式: 内联式css样式 嵌入式CSS样式 外部式CSS样式...

  • css样式3种引入方法的优缺点

    �由于css的引入方式有3种,在使用的时候就难免要进行选择。这里将分析一下它们各自的优缺点,方便大家选择。 行间样...

  • CSS概述(一)

    以上代码是css的基本结构。 如何引入CSS?有三种方法使用CSS。 行内样式: 行内样式 该方法只能改变当前标签...

  • CSS样式学习笔记(三)html文件引入CSS的方法(2)

    一、CSS样式规则 二、html文件中引入CSS样式的方法有以下三种(行内样式,内部样式表,外部样式表): 2.1...

  • css杂记

    css的引入方式 嵌入式,内联样式style标签、外部css文件link、在a.css样式中引入b.css的样式:...

  • 学习CSS,这些内容你都知道了吗?

    CSS介绍 引入css样式表方法 CSS选择器 CSS常用属性 CSS介绍: CSS全称是(Cascading S...

  • CSS 基础总结

    引入CSS 内联样式 style标签 外部样式 a.css index.html CSS之间引入(不常用) a.c...

  • CSS三:CSS的三种引入方式

    CSS的引入方式共有三种:行内样式、内部样式表、外部样式表。 #一、行内样式 使用style属性引入CSS样式。 ...

  • CSS基础(一)

    1.CSS 的引入方式有哪些? CSS 的引入方式有以下三种: 行内样式使用style属性引入CSS样式。 内部样...

网友评论

      本文标题:css样式3种引入方法的优缺点

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