欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

html如何引用css樣式

小編給大家分享一下html如何引用css樣式,希望大家閱讀完這篇文章后大所收獲,下面讓我們一起去探討吧!

創(chuàng)新互聯(lián)專注為客戶提供全方位的互聯(lián)網綜合服務,包含不限于網站建設、成都網站建設、遜克網絡推廣、重慶小程序開發(fā)公司、遜克網絡營銷、遜克企業(yè)策劃、遜克品牌公關、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等,從售前售中售后,我們都將竭誠為您服務,您的肯定,是我們最大的嘉獎;創(chuàng)新互聯(lián)為所有大學生創(chuàng)業(yè)者提供遜克建站搭建服務,24小時服務熱線:028-86922220,官方網址:chinadenli.net

將樣式表應用于HTML文檔和CSS中的XHTML文檔大致可分為以下三種方法。

1、使用<link>元素調用并應用外部CSS文件

2、使用<style>元素應用于文檔單元

3、通過向元素添加樣式屬性來應用樣式

使用<link>元素調用并應用外部CSS文件

創(chuàng)建一個CSS文件,與HTML文件分開描述樣式表,并從HTML文件中調用它。對于調用,通過描述HTML文檔的<head>元素中的<link>元素來指定外部CSS文件。要通知瀏覽器等應用的樣式基于CSS,請為<link>元素的type屬性的值指定text / css。考慮到與XHTML的兼容性,易于修改樣式等,建議以這種方式設置樣式表。

樣式表部件在外部文件(xxx.css)中描述。

p {color:blue; line-height:1.5;}

HTML源代碼

<html> 
<head> 
<link rel =“ stylesheet ”type =“ text / css ”href =“ xxx.css ”>
</ head> 
<body> 
<p>這是一個段落</ p> 
</ body> 
</ html>

使用<style>元素應用于文檔單元

在HTML文檔的<head>元素中編寫<style>元素,并為每個文檔設置樣式表。指定text / css作為<style>元素的type屬性的值,以通知瀏覽器等應用的樣式基于CSS。

此外,使用<! - - >注釋樣式表部分是為了防止<style>元素的內容顯示在與樣式表不對應的舊瀏覽器中。但是,由于近年來大多數(shù)瀏覽器都支持<style>元素,即使省略<! --  和-->,也幾乎沒有問題。

<html>
<head>
<style type="text/css">
<!--
p {color:blue; line-height:1.5;}
-->
</style>
</head>
<body>
<p>這是一個段落。</p>
</body>
</html>

通過向元素添加樣式屬性來應用樣式

向元素添加樣式屬性,并直接在HTML源代碼中描述樣式規(guī)范。為了通過style屬性指定樣式,為了通知瀏覽器等文檔中使用的樣式表是CSS,在<head>元素中添加<meta>元素并指定樣式語言指定text / css作為值。在許多情況下,即使您沒有指定,也會由瀏覽器自動判斷,但您也應該編寫它以避免出現(xiàn)故障。

樣式屬性的樣式指定對于部分區(qū)分樣式的優(yōu)先級很有用,但隨著HTML源變得復雜,它往往會使樣式管理復雜化。當旨在實現(xiàn)高效的樣式管理時,通常將CSS部分轉換為外部文件。

示例:直接使用樣式屬性應用樣式表

<html>
<head>
<meta name="Content-Style-Type" content="text/css">
</head>
<body>
<p style="color:blue; line-height:1.5;">這是一個段落。</p>
</body>
</html>

看完了這篇文章,相信你對html如何引用css樣式有了一定的了解,想了解更多相關知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝各位的閱讀!

新聞名稱:html如何引用css樣式
文章位置:http://chinadenli.net/article8/ggpjop.html

成都網站建設公司_創(chuàng)新互聯(lián),為您提供網站內鏈做網站商城網站品牌網站建設搜索引擎優(yōu)化網站導航

廣告

聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)

h5響應式網站建設