美文网首页
css三种引用方式

css三种引用方式

作者: 胡自鲜 | 来源:发表于2017-08-17 22:42 被阅读0次

行内样式:

直接在HTML标签中设置的样式。

实际在写页面时不提倡使用,在测试的时候可以使用

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

缺点:

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

2.不利于维护

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

内部样式:

在style标签中书写CSS代码。style标签写在head标签中。

不会产生额外的请求

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

代码复用不方便

适合单页面网站

外部样式:

CSS代码保存在扩展名为.css的样式表中

优点:

1.利于后期维护

2.可以重复使用

3.完全实现结构与样式的分离

缺点:

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

相关文章

  • CSS:前端基础 & CSS 初始

    学习目标 理解css 的目的作用css 的三种引入方式 应用css 三种引用方式的书写通过样式规则给标签添加简单的...

  • 关于CSS

    CSS 加载方式 css引用方式分为以下三种: 外部样式 内部样式 内联样式 外部样式 外部式css样式就是把cs...

  • Django 一些CSS常识

    三种引用方式 css的样式有很多种,当如果想要把css样式应用到特定标签上有三种方式: 标签属性上编写,适用范围:...

  • css三种引用方式

    行内样式: 直接在HTML标签中设置的样式。 实际在写页面时不提倡使用,在测试的时候可以使用 优点:不会额外的产生...

  • css 三种引用方式

    内联式 代码 执行结果image 嵌入式 代码 执行结果 外部式 代码 执行结果image 三种引入方式的优先级内...

  • Day04 CSS补充

    1.CSS引用 有三种引用方式,分别为: 1.内部样式 2.内联样式 3.外部样式 1.1内部样式 CSS和HTM...

  • CSS样式覆盖

    CSS样式覆盖 1.根据引用方式确定优先级 外部链接写在style标签里内联属性 以上三种方式引入的css,优先级...

  • css样式

    CSS(Cascading Style Sheets) 是用来为网页添加样式的代码。 样式的三种引用方式 内联样式...

  • css基础

    本文简介CSS的基础用法 CSS的引用方式 1.通过 引入 CSS。 @import的引用方式注释:@impo...

  • css引入的方式?页面导入样式时,使用link和@import有

    css有三种引入方式: 在页面上用 标签引用文件,页面上在 标签里写css样式,在标签的style属性里写样式,对...

网友评论

      本文标题:css三种引用方式

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