十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
外部樣式表: 當樣式需要應用于很多頁面時,外部樣式表將是理想的選擇。在使用外部樣式表的情況下,你可以通過改變一個文件來改變整個站點的外觀。每個頁面使用 link 標簽鏈接到樣式表。link 標簽在(文檔的)頭部:head link rel="stylesheet" type="text/css" href="mystyle.css" / /head瀏覽器會從文件 mystyle.css 中讀到樣式聲明,并根據(jù)它來格式文檔。
成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設,鎮(zhèn)海企業(yè)網(wǎng)站建設,鎮(zhèn)海品牌網(wǎng)站建設,網(wǎng)站定制,鎮(zhèn)海網(wǎng)站建設報價,網(wǎng)絡營銷,網(wǎng)絡優(yōu)化,鎮(zhèn)海網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力??沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學習、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
內(nèi)部樣式表: 當單個文檔需要特殊的樣式時,就應該使用內(nèi)部樣式表。你可以使用 style 標簽在文檔頭部定義內(nèi)部樣式表,就像這樣:head style type="text/css" hr {color: sienna;} p {margin-left: 20px;}?
內(nèi)聯(lián)樣式: 由于要將表現(xiàn)和內(nèi)容混雜在一起,內(nèi)聯(lián)樣式會損失掉樣式表的許多優(yōu)勢。請慎用這種方法,例如當樣式僅需要在一個元素上應用一次時。要使用內(nèi)聯(lián)樣式,你需要在相關的標簽內(nèi)使用樣式(style)屬性。
有外部式,內(nèi)嵌式,行內(nèi)樣式。
1、外部式:
(1)用法:當要在站點上所有或部分網(wǎng)頁上一致地應用相同樣式時,可使用外部樣式表。在一個或多個外部樣式表中定義樣式,并將它們鏈接到所有網(wǎng)頁,便能確保所有網(wǎng)頁外觀的一致性。如果人們決定更改樣式,只需在外部樣式表中修改一次,而該更改會反映到所有與該樣式表相鏈接的網(wǎng)頁上。
(2)舉例:通常外部樣式表以 .css 做為文件擴展名,例如 Mystyles.css。然后在需要此樣式的頁面中將其鏈接進來。
2、內(nèi)嵌式:
(1)用法:當人們只是要定義當前網(wǎng)頁的樣式,可使用嵌入的樣式表。嵌入的樣式表是一種級聯(lián)樣式表,“嵌”在網(wǎng)頁的 標記符內(nèi)。嵌入的樣式表中的樣式只能在同一網(wǎng)頁上使用。
(2)舉例:在 MicrosoftFrontPage2000中,某些格式設置特性會作為內(nèi)嵌樣式自動應用。例如∶如果使用 “邊框與陰影” 命令(在 “格式” 菜單上)在普通段落周圍應用框,F(xiàn)rontPage 會寫下格式設置信息,作為段落標記符的內(nèi)嵌樣式屬性。
3、行內(nèi)樣式:
行內(nèi)樣式就是直接把CSS代碼添加到HTML的標記中,即作為HTML標記的屬性標記存在。通過這種方法,可以很簡單地對某個元素單獨定義樣式。
按優(yōu)先級:前端優(yōu)先讀取正序。正規(guī)規(guī)范優(yōu)先倒序。
style= 這樣肯定是最優(yōu)的,但也是最不推薦的。前端標簽直接寫入。
延伸閱讀:讀取優(yōu)先,靈活使用,如大量頁面,每頁面都要設置。工作繁瑣,大量寫入增加代碼量。不利優(yōu)化。
style type="text/css" 這樣屬于第二讀取方式。直接寫在對應的頁面。
延伸閱讀:每頁面都要設置。工作繁瑣,大量寫入增加代碼量。不利優(yōu)化。
link type="text/css" href=" 引用CSS文件 第三級。這全局引入.
延伸閱讀:全局CSS??梢苑蛛x代碼及外部引入,簡單快捷。也是現(xiàn)在都在用的。
CSS即層疊樣式表(Cascading Style Sheets),是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。
CSS樣式主要包含以下三種類型:
1、行內(nèi)樣式(內(nèi)嵌樣式):結(jié)構(gòu)的內(nèi)部,即寫在標簽內(nèi)的樣式;寫在標簽的開始部分內(nèi)部,style屬性當中。
例:標記 style="樣式的屬性名1:樣式的屬性值1;屬性名2:屬性值2;......"/標記
2、內(nèi)部樣式(內(nèi)聯(lián)樣式):寫在HTML頁面內(nèi)部,存放于head標記當中,樣式寫在style標記內(nèi)。
例:style選擇器 {屬性名:屬性值;屬性名:屬性值;......}/style
3、外部樣式(外聯(lián)樣式):寫在css文件內(nèi)。
例:link type="text/css" rel="stylesheet" href="css/main.css" /
擴展資料:
使用CSS樣式的優(yōu)點:
CSS有助于實現(xiàn)負責任的Web設計。CSS對開發(fā)者構(gòu)建Web站點的影響很大,并且這種影響可能是無止境的。將網(wǎng)頁的大部分甚至是全部的表示信息從HTML或XML文件中移出,并將它們保留在一個樣式表中有諸多優(yōu)點,如降低文件大小、節(jié)省網(wǎng)絡帶寬以及易于維護等。
此外,站點的表現(xiàn)信息和核心內(nèi)容相分離,使得站點的設計人員能夠在短暫的時間內(nèi)對整個網(wǎng)站進行各種各樣的修改。
CSS簡化了網(wǎng)頁的格式代碼,外部的樣式表還會被瀏覽器保存在緩存里,加快了下載顯示的速度,也減少了需要上傳的代碼數(shù)量(因為重復設置的格式將被只保存一次)。
只要修改保存著網(wǎng)站格式的CSS樣式表文件就可以改變整個站點的風格特色,在修改頁面數(shù)量龐大的站點時,顯得格外有用。這就避免了一個個網(wǎng)頁的修改,大大減少了工作量。
參考資料來源:百度百科-CSS