當前位置：首頁 > 前端技术 > CSS >内容正文

CSS

CSS学习02之css导入方式

發布時間：2025/3/21 CSS 39 豆豆

生活随笔收集整理的這篇文章主要介紹了 CSS学习02之css导入方式小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

回顧

什么是 CSS？

CSS 指的是層疊樣式表* (Cascading Style Sheets)

CSS 描述了如何在屏幕、紙張或其他媒體上顯示 HTML

元素 CSS 節省了大量工作。它可以同時控制多張網頁的布局

外部樣式表存儲在 CSS 文件中

CSS 是一種描述 HTML 文檔樣式的語言。
CSS 描述應該如何顯示 HTML 元素（HTML美顏）。

三種使用 CSS 的方法

有三種插入樣式表的方法：

外部 CSS

<link rel="stylesheet" href="css/style.css">

內部 CSS

<style>h2{color: green;}</style>

行內 CSS

<p style="text-align: center; color: red">xxxx</p>

示例

上章我們學會簡單使用css了，以后我就不展示詳細操作步驟了！！！

1.編寫index.html

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>導入方式</title><style>h2{color: green;}</style><link rel="stylesheet" href="css/style.css"> </head> <body>  <h1 style="text-align: center; color: red">我是標題1</h1> <h2>我是標題2</h2> <h3>我是標題3</h3> <h4>我是標題4</h4></body> </html>

2.編寫style.css

h3{color: blue; }

3.運行及測試結果

小結

就近原則，不同樣式定義一個元素時采取就近原則，采取離元素近的樣式
css注釋：

/* 這是一條單行注釋 */ p {color: red; }

作者有話說

博客創作不易，希望看到這里的讀者動動你的小手點個贊，如果喜歡的小伙伴可以一鍵三連，作者大大在這里給大家謝謝了。

總結

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

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

方式
css

上一篇： CSS学习01之我的第一css程序
下一篇： CSS学习03之基本选择器