CSS初學(xué)：如何修改Zblog中的CSS

2020-2-4    seo達(dá)人

在學(xué)習(xí)應(yīng)用css之前我們要先了解一下什么是css。CSS是Cascading Style Sheets(層疊樣式表)的簡(jiǎn)稱.


  • CSS語言是一種標(biāo)記語言,它不需要編譯,可以直接由瀏覽器執(zhí)行(屬于瀏覽器解釋型語言).


  • 在標(biāo)準(zhǔn)網(wǎng)頁設(shè)計(jì)中CSS負(fù)責(zé)網(wǎng)頁內(nèi)容(XHTML)的表現(xiàn).


  • CSS文件也可以說是一個(gè)文本文件,它包含了一些CSS標(biāo)記,CSS文件必須使用css為文件名后綴.


  • 可以通過簡(jiǎn)單的更改CSS文件,改變網(wǎng)頁的整體表現(xiàn)形式,可以減少我們的工作量,所以她是每一個(gè)網(wǎng)頁設(shè)計(jì)人員的必修課.


  • CSS是由W3C的CSS工作組產(chǎn)生和維護(hù)的.



    新建一個(gè)前端學(xué)習(xí)qun438905713，在群里大多數(shù)都是零基礎(chǔ)學(xué)習(xí)者，大家相互幫助，相互解答，并且還準(zhǔn)備很多學(xué)習(xí)資料，歡迎零基礎(chǔ)的小伙伴來一起交流。



    了解了什么是css后我們就可以方便對(duì)其應(yīng)用了，我們可以用以下兩種方式加入你的博客當(dāng)中去，由于css的應(yīng)用方式有就近原則。也就是說最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。



    鏈入外部樣式表文件 (Linking to a Style Sheet)



    你可以先建立外部樣式表文件（.css），然后使用HTML的link對(duì)象。示例如下：



    <head>

    <title>文檔標(biāo)題</title>

    <link rel=stylesheet href="http://www.123-seo,cn/dhtmlet.css" type="text/css">

    </head>



    而在XML中，你應(yīng)該如下例所示在聲明區(qū)中加入：



    <? xml-stylesheet type="text/css" href="http://www.123-seo.cn/dhtmlet.css" ?>



    定義內(nèi)部樣式塊對(duì)象 (Embedding a Style Block)



    你可以在你的HTML文檔的<HTML>和<BODY>標(biāo)記之間插入一個(gè)<STYLE>...</STYLE>塊對(duì)象。 定義方式請(qǐng)參閱樣式表語法。示例如下：



    <html>

    <head>

    <title>文檔標(biāo)題</title>

    <style type="text/css">

    <!--

    body {font: 10pt "Arial"}

    h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}

    h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}

    p {font: 10pt/12pt "Arial"; color: black}

    -->

    </style>

    </head>

    <body>



    請(qǐng)注意，這里將style對(duì)象的type屬性設(shè)置為"text/css"，是允許不支持這類型的瀏覽器忽略樣式表單。


分享本文至：

日歷

鏈接

個(gè)人資料

存檔