這段時間太忙了,沒時間整理網站建設課程了,今天給大家發布篇學生的學習整理!
大家可以去我學生的博客網站去看看:網站推廣 http://www.123-seo.cn
在學習應用css之前我們要先了解一下什麼是css。CSS是Cascading Style Sheets(層疊樣式表)的簡稱.
* CSS語言是一種標記語言,它不需要編譯,可以直接由浏覽器執行(屬於浏覽器解釋型語言).
* 在標准網頁設計中CSS負責網頁內容(XHtml)的表現.
* CSS文件也可以說是一個文本文件,它包含了一些CSS標記,CSS文件必須使用CSS為文件名後綴.
* 可以通過簡單的更改CSS文件,改變網頁的整體表現形式,可以減少我們的工作量,所以她是每一個網頁設計人員的必修課.
* CSS是由W3C的CSS工作組產生和維護的.
了解了什麼是css後我們就可以方便對其應用了,我們可以用以下兩種方式加入你的博客當中去,由於CSS的應用方式有就近原則。也就是說最接近目標的樣式定義優先權越高。高優先權樣式將繼承低優先權樣式的未重疊定義但覆蓋重疊的定義。
鏈入外部樣式表文件 (Linking to a Style Sheet)
你可以先建立外部樣式表文件(.CSS),然後使用Html的link對象。示例如下:
<head>
<title>文檔標題</title>
<link rel=stylesheet href="http://www.123-SEO,cn/dHtmlet.css" type="text/CSS">
</head>
而在XML中,你應該如下例所示在聲明區中加入:
<? XML-stylesheet type="text/CSS" href="http://www.123-SEO.cn/dHtmlet.CSS" ?>
定義內部樣式塊對象 (Embedding a Style Block)
你可以在你的HTML文檔的<Html>和<BODY>標記之間插入一個<STYLE>...</STYLE>塊對象。 定義方式請參閱樣式表語法。示例如下:
<Html>
<head>
<title>文檔標題</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屬性設置為"text/CSS",是允許不支持這類型的浏覽器忽略樣式表單。