引入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學習筆記

代碼格式化

每日一句

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

最新文章

本站公眾號

歡迎關注本站公眾號,獲取更多信息

相關文章

>>更多相關文章<<