溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

引用css樣式的三種方法

發(fā)布時間：2020-06-17 14:40:45 來源：億速云 閱讀：220 作者：元一 欄目：web開發(fā)

CSS

層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁，還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力。

一、外部鏈接  
（常用于大型網(wǎng)頁）
新建.css文件，在css文件中不需要寫<style>
連接方式1<link rel="stylesheet" type="text/css" href=".css"/>
連接方式2<style type="text/css">@import url(".css");</style>

樣式表中：

    .red{color: red;}
  #green{color: green;}

連接方式1

<head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/樣式表.css"/>
</head>
<body>
    <h2>靜夜思</h2>
    <p class="red">床前明月光，</p>
    <p>疑是地上霜。</p>
    <p id="green">舉頭望明月，</p>
    <p>低頭思故鄉(xiāng)。</p>
</body>

連接方式2

<head>
    <meta charset="utf-8">
    <title></title>
    <style type="text/css">
          @import url("樣式表.css");
    </style>
</head>
<body>
    <h2>靜夜思</h2>
    <p class="red">床前明月光，</p>
    <p>疑是地上霜。</p>
    <p id="green">舉頭望明月，</p>
    <p>低頭思故鄉(xiāng)。</p>
</body>

二、行內(nèi)樣式
（很少使用）

     <h2>靜夜思</h2>
    <p>床前明月光，</p>
    <p >疑是地上霜。</p>
    <p >舉頭望明月，</p>
    <p>低頭思故鄉(xiāng)。</p>

三、內(nèi)嵌樣式
（常用于中小型網(wǎng)頁）

  <head>
    <meta charset="utf-8">
    <title>
    </title>
    <style type="text/css">
        h2{color: red;}
        #aa{color: #0000FF;}
        .bb{color: #00FF00;}
    </style>
</head>
<body>
    <h2>靜夜思</h2>
    <p id="aa">床前明月光，</p>
    <p class="bb">疑是地上霜。</p>
    <p>舉頭望明月，</p>
    <p>低頭思故鄉(xiāng)。</p>
</body>
向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手