亚洲午夜福利国产门事件_久久国产综合精品五月天_日本高清不卡免v_青青香蕉国产在线观看

返回首頁 富水河論壇 分類信息 應城黃頁 應城人聯(lián)盟 應城新聞 應城同學錄 走進應城 網吧聯(lián)盟 留言本
  |論壇首頁| |用戶注冊| |修改資料| |搜索功能| |短信功能| |論壇幫助| |退出系統(tǒng)|
【關閉本窗口】
發(fā)言人
Deboray
發(fā)信

發(fā)帖:48 回復:488
注冊時間:2004-03-20 20:24:30


發(fā)表于2004-10-01 07:33:37 [舉報本帖] 編輯 樓主
[推薦]CSS教室
CSS簡介： 

在今天，不會CSS（Casading Style Sheets 層疊樣式表）的網頁制作員不可以稱為專業(yè)的網頁制作員。 會HTML語言再學CSS并不難，因為CSS跟HTML一樣也是一種標記語言，甚至很多屬性都是來源于HTML。 

CSS的編輯方法同HTML一樣，也可以是任何文本編輯器或網頁編輯軟件，還有專門用來編輯CSS的軟件。 如果你寫的CSS語句是當成外部樣式表而在HTML文件中調用，那它的擴展名存成.css就可。 假如你的網站每頁使用的都是這個樣式表，那么你修改這個文件就修改了整個網站的外觀，所花的時間可能只要兩三分鐘！  
■ CSS使用方法： 
CSS在HTML中應用有三種方法： 

第一種是包含在<head>...</head>標記里，例如： 
<head>
<style type="text/css">
<!--
h1 {font-family:宋體;font-size:12pt;color=blue}
-->
</style>
</head>

<body>
<h1> 在這里使用了H1標記</h1>
</body>



第二種是行間定義，例如： 
<body>
<h1 style="font-family:宋體;font-size:12pt;color=blue">這是行間定義的H1標記</h1>
</body>



第三種是外部調用樣式文件，跟第一種類似，例如： 
<head>
<LINK REL="stylesheet" href="sample.css">
</head>



第四種是也是導入樣式文件，跟第三種類似，例如： 
<head>
<style type="text/css">
<!--
@import url(http://www.yourname.com/style.css);
-->
</style>
</head>


■ 分類： 

CSS真是偉大，能化一為萬。假如你有幾段文字，每一段都要這樣：將第一行設成黃色，第二行設成紅色，第三行設成藍色，第四行設成綠色... 其實這很容易做到。你在CSS中如下為每一行定義一個類。  
P.first {color:yellow} 
P.second {color:red} 
P.third {color:blue} 
P.fourth {color:green} 
依次定義下去。  
在你的HTML代碼中就是這樣使用以上的定義類。 
<P class=first>這里是第一行，使用的是class=first</p> 
<P class=secont>這里是第二行，使用的是class=secont</p> 
<P class=third>這里是第三行，使用的是class=third</p> 
<P class=fourth>這里是第四行，使用的是class=fourth</p>  
■ 更靈活的分類： 
在上面我們定義的類是前面都有一個 P，也就限定了這個類只限于<P>標記使用。如果我們在定義的時候去掉 P， 但 . 仍然要。比如：.first {color:yellow}，這樣定義的類更加靈活，可應用于任何HTML標簽，例如: 
<h2 class=first >在H2標記中使用class=first</h2> 

■ 選擇符 ID： 
其實CLASS只是一個類的選擇符，另一個選擇符 ID 具有同樣的功能。不過使用ID選擇符的類定義的時候要將 . 換成 # ，使用時要在類別名上加上引號。 
H1 #001 {color:red} 
#002 {color:blue} 
使用： 

<H1 ID="#001"> H1標記使用#001類</H1> 
<H3 ID="#002"> H3標記使用#002類</H1> 
<P ID="#002"> P標記使用#002類</H1>  


■ FONT-FAMILY屬性： 

每部機器上都裝有多種字體，瀏覽器會使用默認的字體瀏覽網頁，比如簡體中文版WINDOWS漢字默認是宋體，英文默認是ARIAL。 使用FONT-FAMILY屬性則可以規(guī)定瀏覽器用什么字體解讀網頁。  
■ FONT-FAMILY語法實例： 
h2 {font-family:times,impact,sans-serif} 

說明如下: 

helvetica是瀏覽器首先尋找的字體名稱，如果有就使用它。 

在helvetica字體沒有找到的情況下，則會尋找impact字體，如果找到就使用它。 

如果以上兩種字體都沒有找到，則指示瀏覽使用sans-serif（通用字體）。 

在你不能保證你列出的字體瀏覽者一定會安裝時，將一種通用字體加在字體列表中是一種好的做法。 因此我們提倡使用最基本的字體制作網頁，比如中文用宋體，英文用ARIAL，這樣使得你的網頁不會因為瀏覽器沒能使用合適的字體解讀而變樣。 

■ 其它相關內容： 
通用字體有以下幾類，其中cursive和fantasy不被NC支持： 
"serif"(比如Times); 
"sans-serif"(比如Helvetica); 
"cursive"(比如Comic Sans); 
"fantasy"(比如Western); 
"monospace"(比如Courier) 
其他使用事項： 
如果一種字體的名稱中有空格，如"Times New Roman"，在CSS語句中要用引號包含該字體。 
例：Body {font-family:"Times New Roman",serif} 
如果該語句已在雙引號里，則字體名降級為單引號。 
例：&lt;P style="font-family:<|>Times New Roman<|>,serif"&gt;
如果該語句包括其它CSS規(guī)則，字體說明應放在最后。 
例:H2 {color:red;margin:10px;font-family:"Times New Roman",serif} 




■ FONT-VARIANT： 

FONT-VARIANT 可以將正常文字尺寸縮小一半后轉為大寫： 

h2 {font-variant:small-caps} 

■ TEXT-TRANSFORM： 
完全控制字母大小寫: 

全部大寫：h2 {text-transform:uppercase}; 
全部小寫：h2 {text-transform:lowercase}; 
單詞第一個字母大寫：h2 {text-transform:capitalize}; 
取消所有設定：h2 {text-transform:none}; 

■ TEXT-DECORATION： 
哪天你突發(fā)奇想，希望鏈接沒有下劃線，現(xiàn)在你可以做到: 

文字下劃線：A:link{text-decoration:underline}; 
文字上劃線：A:link{text-decoration:overline}; 
文字刪除線：A:link{text-decoration:line-through}; 
文字閃爍：A:link{text-decoration:blink}; 
不要任何效果：A:link{text-decoration:none} 
■ 字間距： 

利用字間距屬性word-spacing，可以調整單詞間的距離。 

h2 {word-spacing:5pt} 

■ 字母間距： 
利用字母間距屬性letter-spacing，可以調整單詞中每個字母間的距離。 

h2 {letter-spacing:10pt}; 

■ 行高： 
與字距不同的是行距l(xiāng)ine-height，它調整的是行與行間垂直方向的距離，有三種方法設置： 

數(shù)值：h3 {font-size:12pt; line-height:2};/*此處line-height=2x12pt=24pt */ 
長度單位：h3 {font-size:12pt; line-height:24pt}; 
比例：h3 {font-size:12pt; line-height:200%}; 
無論是字距或字母間距或行距都有一個共同的參數(shù)：normal，一旦設為normal就是要瀏覽器使用默認值。 
回復人
rtqq
發(fā)信

發(fā)帖:3 回復:22
注冊時間:2003-09-27


發(fā)表于2004-10-07 09:08:35 [引用] [編輯] 1樓


這個是基礎,看樣子還有同行了,呵呵!!
回復人
rtqq
發(fā)信

發(fā)帖:3 回復:22
注冊時間:2003-09-27


發(fā)表于2004-10-07 09:09:37 [引用] [編輯] 2樓
我的QQ:13758999,樓上的老鄉(xiāng)有空加我,呵呵!
分頁 1 
 轉到：頁
【關閉本窗口】
YingCheng.Net 應城在線 和你在一起
應城在線群號:28770248 QQ:434706902