美文网首页
006 CSS三种引入方式

006 CSS三种引入方式

作者: 泷汰泱 | 来源:发表于2019-10-11 09:57 被阅读0次

CSS三种引入方式

一、三种方式的书写规范

1、行间式

<div style="width: 100px; height: 100px; background-color: red"></div>

2、内联式

<head>
    <style>
        div {
            width: 100px;
            height: 100px;
            background-color: red;
        }
    </style>
</head>

3、外联式

file: zero.css
div {
    width: 100px;
    height: 100px;
    background-color: red;
}
file: zero.html
<head>
    <link rel="stylesheet" type="text/css" href="css/zero.css" />
</head>

二、三种方式间的"优先级"

  • 与样式表的解析顺序有关
v_test:掌握三种CSS引入方式方式

相关文章

  • 006 CSS三种引入方式

    CSS三种引入方式 一、三种方式的书写规范 1、行间式 2、内联式 3、外联式 二、三种方式间的"优先级" 与样式...

  • CSS基础(一)

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

  • CSS三种引入方式和五种选择器

    CSS 如何使用? 语法和规范 一、CSS 的三种引入方式 第一种:行内引入 第二种:内部引入方式 第三种方式:外...

  • 前端第二天

    前端第二天 目录: css三种引入方式 长度及颜色单位 常用样式 css选择器 一、css三种引入方式 1、行间式...

  • 技术 | Web前端开发(4)持续更新

    人死了,就变成一个星星,给走夜道的人照个亮儿 CSS: css的三种引入方式: 以上就是css的三种引入方式,分别...

  • JavaScript之引入方式

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

  • CSS基础(二)

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

  • CSS:前端基础 & CSS 初始

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

  • html基本知识:路径、单位、浏览器调试等

    1. 样式有几种引入方式? link 和 @import有什么区别 三种引入方式: 外部引入css文件: 内部: ...

  • 4. CSS基础知识

    CSS的全称是什么? Cascading Style Sheets, 层叠样式表。 CSS的引入方式 有三种引入方...

网友评论

      本文标题:006 CSS三种引入方式

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