HTML樣式CSS的三種寫法

CSS是樣式層疊表，有三種引入方式。下面，我們來看看HTML樣式CSS的三種寫法吧。

成都網站設計、網站制作的關注點不是能為您做些什么網站，而是怎么做網站，有沒有做好網站，給成都創(chuàng)新互聯(lián)一個展示的機會來證明自己，這并不會花費您太多時間，或許會給您帶來新的靈感和驚喜。面向用戶友好，注重用戶體驗，一切以用戶為中心。

01

行內樣式

CSS可以直接放到行內樣式中引入即可，比如代碼如下圖：

p style="color: blue; background: red;"

hello world！

/p

02

嵌入式

還可以采用潛入方式引入CSS，就是把CSS寫到style標簽中，這種方式比較實用，如下圖所示：

style type="text/css"

h1 {color: red;}

/style

h1hello world/h1

03

外部樣式表

還有一種叫做外部樣式，也就是把CSS寫在另外一張頁面上，然后再引用到指定頁面就可以了，這種也很常見。

@import url(main.css);

在html中怎樣使用css樣式？

在html網頁中引入引入css主要有以下四種方式：\x0d\x0a（1）行內式\x0d\x0a

網頁中css的導入方式\x0d\x0a\x0d\x0a（2）嵌入式\x0d\x0a\x0d\x0a P{ color:red }\x0d\x0a\x0d\x0a 嵌入式一般寫在head中，對于單個頁面來說，這種方式很方便。\x0d\x0a\x0d\x0a（3）導入式\x0d\x0a \x0d\x0a \x0d\x0a @import "jisuan.css"; \x0d\x0a\x0d\x0a\x0d\x0a（4）鏈接式\x0d\x0a\x0d\x0a \x0d\x0a導入式和鏈接式差不多，都是從外部引入css文件。但是鏈接式對于客戶端用戶瀏覽網站時，效果會好些。

什么事HTML格式？什么是CSS格式？

html是超文本語言，如以p、span、div、ul、li等標簽寫出來的布局代碼就是html格式的語言，在這樣的編碼文檔中分為兩類不同的編碼：1、utf-8；2、gb2312，因此html選擇什么編碼，css文檔就需要選擇相同的文檔，UTF-8支持各類特殊符號與英文內容的，而gb2312是偏向中文的，css文檔其實不是格式，是屬于html的樣式文件，那什么是樣式，很簡單的來說，html文檔中的語言屬于一個對象，就像人一樣，是一個對象，當將其添加一個class或是內嵌css時，則表示為這個對象添加樣式屬性，就像定義對象一個人什么顏色的頭發(fā)、多高的身體、穿什么顏色的衣服等。

下面舉一個列子

在html文檔中，如文檔“人.html”，其中的有個這樣的html：

di class="pople-type"人/div

那么在css中，我可以這樣定義：

.pople-type{

margin:0 auto; 橫向居中

width:100px;寬度

height:100px;高度

color:#fffffff;字體顏色

background-color:#666666;背景顏色

}

.pople-type里面的內容就是定義對象pople-type這個類別的div的樣式，那么也就意味著，在整個html文檔中，凡是使用這個類的html都具有這樣的屬性，不論是div、還是p標簽、或是span標簽，具體的細節(jié)我這里就不說了，只是說了個概念的東西，需要進一步學習的話，你在百度上度娘下“w3cschool ”，里面講的很細，還有演示代碼。

當前標題：關于htmlcss樣式格式的信息
本文來源：http://chinadenli.net/article42/dsgcsec.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供品牌網站制作、營銷型網站建設、動態(tài)網站、虛擬主機、ChatGPT、網站營銷

廣告

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