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

2020-2-29    前端達人

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


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


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


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


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


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



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



    了解了什么是css后我們就可以方便對其應(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對象。示例如下：



    <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)部樣式塊對象 (Embedding a Style Block)



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



    <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>



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

    ————————————————

    版權(quán)聲明：本文為CSDN博主「html基礎(chǔ)教程」的原創(chuàng)文章，遵循 CC 4.0 BY-SA 版權(quán)協(xié)議，轉(zhuǎn)載請附上原文出處鏈接及本聲明。

    原文鏈接：https://blog.csdn.net/html168/article/details/104565043


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://sillybuy.com

存檔