引入CSS样式笔记

时间 2019-12-05

标签引入 css 样式笔记栏目 CSS 繁體版

原文原文链接

问:
- 这么多引入样式的规则是用来干什么的?
答:
- 做用域不一样, 致使能够重复利用的程度不一样
  - 做用于某个element, style只能给这个element用
  - 做用于某个HTML document, style只能给这个HTML document用
  - HTML文件连接到其余CSS文件, style能够给任何HTML document用
  - CSS文件连接到其余CSS文件, style能够给任何CSS文件用
而后才是语法格式, 这些通用你们都承认的方式, 用的时候再参考
下面才是不重要的参考, 若是看不懂, 说明上面的内容看不懂.

1. HTML element 行内:

<p style="color:red; background:green">hello</p>css

2. HTML document内:

<head>
  <style>
    p {
      color:red;
      background:green;
    }
  </style>
</head>
复制代码

3. HTML 文件引入 CSS 文件

<head>
  <link href="index.css"  rel="stylesheet" type="text/css">
</head>
复制代码

4. CSS 文件引入其余 CSS 文件

主要用在CSS文件引入另外一个CSS文件, 也能够放在HTML的style标签里, 由于它的特色就是语法比link简单, 而后位置随便, 只要被style套住就能够, 不像link必须放在head下.bash

@import url(fruit.css);
复制代码

相关文章

相关标签/搜索

笔记JS/HTML/CSS

CSS学习笔记

代码格式化

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。

最新文章

本站公众号

欢迎关注本站公众号,获取更多信息

相关文章

>>更多相关文章<<