日韩一区免费_日韩精品一区二区三区视频在线观看_免费欧美一区_日日噜噜噜夜夜爽爽狠狠视频

您好,歡迎來到網(wǎng)站庫!
大眾美圖 |12個完全免費可以發(fā)外鏈網(wǎng)站當(dāng)前位置:網(wǎng)站庫 » 站長資訊 » 資訊文章 » 建站技術(shù) » 文章詳細 訂閱RssFeed

css和html的四種結(jié)合方式

來源:本站原創(chuàng) 瀏覽:963次 時間:2020-08-21

(1)在每個HTML標簽上面都有一個屬性 style,把css和HTML結(jié)合在一起   

<div style="background-color:red;color:blue;">我是一只小小鳥</div>

(2)使用HTML的一個標簽實現(xiàn),<style>標簽:寫在head里面

<style type="text/css">

css代碼;

</style>

<style type="text/css">

div {

background-color:red;

color:gray;

}

</style>

(3)在style標簽里面 使用語句(在某些瀏覽器下不起作用)

@import url(css文件路徑);

- 第一步:創(chuàng)建一個css文件

<style type="text/css">

@import url(div.css);

</style>

(4)使用頭標簽link,引入外部css文件

- 第一步:創(chuàng)建一個css文件

- <link rel="stylesheet" type="text/css" href="div.css"/>

*** 第三種結(jié)合方式缺點:在某些瀏覽器下不起作用,一般使用第四種方式

*** 優(yōu)先級(一般情況)

由上到下,由外到內(nèi),優(yōu)先級由低到高

*** 后加載的優(yōu)先級高

*** 格式 選擇器名稱 {屬性名:屬性值; 屬性名:屬性值; ......}

完整代碼:

<html>

<head>

<title>World</title>

<style type="text/css">

div {

background-color:gray;

color:white;

}

</style>

</head>

<body>

<div style="background-color:red;color:blue;">我是一只小小鳥

</div>

<div>愿有歲月可回首,且以深情共白頭!</div>

</body>

</html>

<html>

<head>

<title>World</title>

<style type="text/css">

@import url(div.css);

</style>

</head>

<body>

<div>愿有歲月可回首,且以深情共白頭!</div>

</body>

</html>

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>world</title>

<link rel="stylesheet" type="text/css" href="div.css"/>

</head>

<body>

<div>愿有歲月可回首,且以深情共白頭!</div>

</body>

</html>

總結(jié)

以上所述是小編給大家介紹的css和html的四種結(jié)合方式,希望對大家有所幫助

 

轉(zhuǎn)載請注明-原文鏈接:css和html的四種結(jié)合方式

推薦站點

  • 牛嘎牛嘎

    牛嘎vip視頻解析網(wǎng)提供最專業(yè)的vip會員視頻解析,具體包括有:vip電影和vip電視劇免費看、全民解析VIP視頻免費看、在線解析、vip視頻解析、優(yōu)酷vip解析、愛奇藝vip解析、騰訊vip解析、樂視vip解析、全網(wǎng)影視vip、芒果vip解析等。

    niuga.cn
  • 半月談網(wǎng)半月談網(wǎng)

    半月談網(wǎng),是新華社主辦《半月談》建設(shè)的以時事政治,時政熱點,時事新聞,時事評論,政策解讀,時政新聞要聞為主的大型時政專業(yè)平臺,相約網(wǎng)上半月談,與您共話天下事!網(wǎng)站不定期開設(shè)專題,就某一重大時政主題進行集納式報道,最近開設(shè)了“十八屆三中全會 深化改革新航標”專題,目前已上稿150多篇。此前還開設(shè)了“中國夢”、“黨的群眾路線教育實踐活動”等專題。此外,網(wǎng)站還設(shè)有媒體集萃、文化、教育、健康、旅游等欄目和頻道。

    www.banyuetan.org
  • 網(wǎng)站庫網(wǎng)站庫

    網(wǎng)站庫是全人工編輯的開放式網(wǎng)站分類目錄,收錄國內(nèi)外、各行業(yè)優(yōu)秀網(wǎng)站,旨在為用戶提供更全面的網(wǎng)站分類目錄檢索、優(yōu)秀網(wǎng)站參考、網(wǎng)站推廣服務(wù)、網(wǎng)站黃頁、網(wǎng)上娛樂沖浪導(dǎo)航網(wǎng)站。

    www.wangzhanku.com
  • 網(wǎng)站掛了嗎-網(wǎng)站檢測網(wǎng)站掛了嗎-網(wǎng)站檢測

    網(wǎng)站掛了嗎?在線檢測網(wǎng)站有沒有被墻,網(wǎng)站可以檢測國內(nèi)、日本、美國是否可以訪問,當(dāng)一個網(wǎng)站不能訪問時我們可以拿它來測試大概什么原因。

    gualemang.com
  • 淘聲網(wǎng)淘聲網(wǎng)

    淘聲網(wǎng)是全球免費聲音素材聚合平臺,獨創(chuàng)toSound“吐司”聲音搜索引擎,搭配AudioDown智能下載方案,游戲音效,影視配樂,實地錄音,節(jié)奏音源,音樂樣本,海量音頻素材一鍵獲取,免費個人/商業(yè)使用許可授權(quán)。

    www.tosound.com
  • 網(wǎng)站庫網(wǎng)站庫

    網(wǎng)站庫wangzhanku.cn是為廣大網(wǎng)民提供高質(zhì)量網(wǎng)上娛樂沖浪導(dǎo)航網(wǎng)站,匯聚眾多高質(zhì)量娛樂、工作、學(xué)習(xí)等網(wǎng)站讓廣大網(wǎng)民輕松暢游互聯(lián)網(wǎng),同時面向廣大互聯(lián)網(wǎng)站長提供免費的網(wǎng)址收錄、免費網(wǎng)站收錄、免費外鏈平臺。

    www.newben666.com