這段時間太忙了,沒時間整理網站建設課程了,今天給大家發布篇學生的學習整理!
大家可以去我學生的博客網站去看看:網站推廣 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",是允許不支持這類型的瀏覽器忽略樣式表單。
新聞熱點
疑難解答