日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 >

导入CSS的三种方式

發布時間：2025/6/17 90 豆豆
生活随笔 收集整理的這篇文章主要介紹了 导入CSS的三种方式 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

文章目錄

    • 1 行內方式
    • 2 內部樣式表
    • 3 外鏈方式
      • 3.1 鏈接式
      • 3.2 導入式

1 行內方式

<p style="background:red;">第一種方式</p>

2 內部樣式表

<!DOCTYPE html> <html><head><meta charset="gbk"><title>index</title><style>p{background: red;}</style></head><body><p>第二種方式</p></body> </html>

3 外鏈方式

3.1 鏈接式

type屬性可以不寫

<link type="text/css" rel="styleSheet" href="CSS文件路徑" />

3.2 導入式

<style type="text/css">@import url("CSS文件路徑"); </style>

鏈接式和導入式的區別

<link> 1、屬于XHTML 2、優先加載CSS文件到頁面@import 1、屬于CSS2.1 2、先加載HTML結構在加載CSS文件。樣式優先級 行內樣式>內部樣式>外部樣式(后兩者是就近原則)

總結

以上是生活随笔為你收集整理的导入CSS的三种方式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。