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

歡迎訪問 生活随笔！

生活随笔

當前位置： 首頁 >

零基础CSS入门教程(7)——CSS外联写法

發布時間：2023/12/18 460 豆豆
生活随笔 收集整理的這篇文章主要介紹了 零基础CSS入门教程(7)——CSS外联写法 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

本章目錄

    • 1.任務目標
    • 2.CSS外聯寫法
    • 3.代碼演示
    • 4.小結

1.任務目標

我們前幾個小結學習了選擇器，我們這幾個小結學習一下css外聯寫法，并且熟練運用。

2.CSS外聯寫法

我們為什么要學習外聯寫法那，我們再寫css的時候少量的代碼我們可以寫在html里面但是我們要是做項目或者工程我們就必須使用外聯寫法。

3.代碼演示

目錄

第一步新建html把外聯樣式導進來

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><link rel="stylesheet" href="./外聯.css"> </head> <body><p>你好</p> </body> </html>

外聯css的代碼

.name{color: rgb(214, 129, 16); }

效果如下

4.小結

我們這一小結學習了css外聯寫法，我們外聯寫法一般用在代碼非常多的時候使用。

總結

以上是生活随笔為你收集整理的零基础CSS入门教程(7)——CSS外联写法的全部內容，希望文章能夠幫你解決所遇到的問題。

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