定義CSS樣式 (三種方式)
成都創(chuàng)新互聯(lián)專注于織金網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供織金營銷型網(wǎng)站建設(shè),織金網(wǎng)站制作、織金網(wǎng)頁設(shè)計、織金網(wǎng)站官網(wǎng)定制、小程序開發(fā)服務(wù),打造織金網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供織金網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
一、在head標簽中加載一個CSS文件示例head link rel="stylesheet" type="text/css" href="style.css" //head
此例使用了link標簽。
abbr { font-size:12px;}.text10pxwhite { font-size:10px; color: #FFFFFF;}
style.css的內(nèi)容
二、直接把CSS內(nèi)容寫在HTML文件的head標簽中示例head style type="text/css" abbr { font-size: 12px; } .text10pxwhite { font-size: 10px; color: #FFFFFF; } /style/head
此例使用了style標簽。
兩種方法是殊途同歸的(但是推薦使用第一種方法).
三、使用style屬性對標簽加載樣式示例p style="font-size: 12px;color: #000;"使用css/p
此例使用了標簽的style屬性。
外部樣式表
當樣式需要被應(yīng)用到很多頁面的時候,外部樣式表將是理想的選擇。使用外部樣式表,你就可以通過更改一個文件來改變整個站點的外觀。
head
link rel="stylesheet" type="text/css" href="mystyle.css"
/head
內(nèi)部樣式表
當單個文件需要特別樣式時,就可以使用內(nèi)部樣式表。你可以在 head 部分通過 style 標簽定義內(nèi)部樣式表。
head
style type="text/css"
body {background-color: red}
p {margin-left: 20px}
/style
/head
內(nèi)聯(lián)樣式
當特殊的樣式需要應(yīng)用到個別元素時,就可以使用內(nèi)聯(lián)樣式。 使用內(nèi)聯(lián)樣式的方法是在相關(guān)的標簽中使用樣式屬性。樣式屬性可以包含任何 CSS 屬性。以下實例顯示出如何改變段落的顏色和左外邊距。
p style="color: red; margin-left: 20px"
This is a paragraph
/p
1、選擇器用于指定CSS樣式作用的HTML對象,花括號內(nèi)是對該對象設(shè)置的具體樣式。
2、屬性和屬性值以“鍵值對“?的形式出現(xiàn)。
3、屬性是對指定的對象設(shè)置的樣式屬性,例如字體大小、文本顏色等。
4、屬性和屬性值之間用英文“:“連接。
5、多個“鍵值對”之間用英文“;”進行區(qū)分。可以用段落和表格的對齊的演示。
CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
擴展資料:
CSS作為一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言,被用于描述網(wǎng)頁上的信息格式化和顯示的方式。CSS樣式可以直接存儲于HTML網(wǎng)頁或者單獨的樣式單文件。
無論哪一種方式,樣式單包含將樣式應(yīng)用到指定類型的元素的規(guī)則。外部使用時,樣式單規(guī)則被放置在一個帶有文件擴展名_css的外部樣式單文檔中。
樣式規(guī)則是可應(yīng)用于網(wǎng)頁中元素,如文本段落或鏈接的格式化指令。樣式規(guī)則由一個或多個樣式屬性及其值組成。內(nèi)部樣式單直接放在網(wǎng)頁中,外部樣式單保存在獨立的文檔中,網(wǎng)頁通過一個特殊標簽鏈接外部樣式單。
1、層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTML(標準通用標記語言的一個應(yīng)用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態(tài)地修飾網(wǎng)頁,還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化。
2、CSS 能夠?qū)W(wǎng)頁中元素位置的排版進行像素級精確控制,支持幾乎所有的字體字號樣式,擁有對網(wǎng)頁對象和模型樣式編輯的能力。
分享名稱:css樣式定義,css樣式定義中,選擇器就是HTML標簽
當前鏈接:http://aaarwkj.com/article26/dssjsjg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、商城網(wǎng)站、網(wǎng)站排名、網(wǎng)站維護、域名注冊、關(guān)鍵詞優(yōu)化
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)