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

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

css和html的四種結合方式

來源:本站原創 瀏覽:960次 時間:2020-08-21

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

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

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

<style type="text/css">

css代碼;

</style>

<style type="text/css">

div {

background-color:red;

color:gray;

}

</style>

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

@import url(css文件路徑);

- 第一步:創建一個css文件

<style type="text/css">

@import url(div.css);

</style>

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

- 第一步:創建一個css文件

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

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

*** 優先級(一般情況)

由上到下,由外到內,優先級由低到高

*** 后加載的優先級高

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

完整代碼:

<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>

總結

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

 

轉載請注明-原文鏈接:css和html的四種結合方式

推薦站點

  • 牛嘎牛嘎

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

    niuga.cn
  • 半月談網半月談網

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

    www.banyuetan.org
  • 網站庫網站庫

    網站庫是全人工編輯的開放式網站分類目錄,收錄國內外、各行業優秀網站,旨在為用戶提供更全面的網站分類目錄檢索、優秀網站參考、網站推廣服務、網站黃頁、網上娛樂沖浪導航網站。

    www.wangzhanku.com
  • 網站掛了嗎-網站檢測網站掛了嗎-網站檢測

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

    gualemang.com
  • 淘聲網淘聲網

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

    www.tosound.com
  • 網站庫網站庫

    網站庫wangzhanku.cn是為廣大網民提供高質量網上娛樂沖浪導航網站,匯聚眾多高質量娛樂、工作、學習等網站讓廣大網民輕松暢游互聯網,同時面向廣大互聯網站長提供免費的網址收錄、免費網站收錄、免費外鏈平臺。

    www.newben666.com