作者fruiTea (找工作找工作)
看板PhotoLink
標題[心得] 關於css檔..
時間Wed Jul 16 22:27:34 2003
嗯..最近大家都流行用css檔改相簿厚..
來跟大家分享一下我學css檔的心得啦:D
不過我都是自學的..可能有錯也不一定..
還請高手指正啦:)
什麼是css勒?!
這在裡面有詳盡的解釋囉
大家去看看吧
一般來說css通常是放在<head></head>裡面
因為如果說我要做一個網站好了
這個網站可能包含了十幾個網頁
那如果我每個網頁都是一個一個去改豈不是累死了
這個時候css就派上用場囉
只要改一個css檔所有的網頁都改好囉
如果以taipeilink來說的話
假使你要相簿首頁.留言版還有張貼畫面都用一個樣式
這時候你只要將他們連到同一個css檔去
這樣只要更改那個css檔就三個網頁一起改好囉
css的基本-->宣告
裡面也有提到
css基本上是管網頁的樣式的
例如背景文字等等
所以一些其他的標籤是不能放進css裡面的唷
例如用<style type="text/css"></style>包起來的就是css啦
那一般常見的<font></font>就不是css喔
雖然它也是管文字的
但是它屬於
html
寫網頁的動態語言大致上可以分html.script.css
那在<style></style>裡面放的
通常就是這樣的東西
ex.
BODY{background-color:#ff0000;}
元件標籤{樣式性質:設定值}
元件標籤→就是網頁上的物件，例如說td是表格，hr是分隔線之類的
樣式性質→就是元件的"外觀"，例如表格就有框線.背景.字距等等的性質
設定值→就是你要對這個東西下的設定值啦
樣式性質一定要用
{}包起來
另外相同的元件標籤當中可以設定不同的樣式
ex. body{
font-size:9pt
;
font-color:red
;
background:white}
不同的元件也可以設定為同樣的樣式
ex.
body,td{font-size:9pt;
font-color:red;
background:white}
他們之間用
;及
,隔開
只要以上黃色的那些格式弄對的話
其他的怎麼寫都可以
ex.body{font-size:9pt;font-color:red;background:white}
= body{
font-size:9pt;
font-color:red;
background:white
}
依個人喜好去寫它吧:D
另外
通常在寫css的時候前後標籤是<style type="text/css"></style>
但是有些人的是<style type="text/css">
<-- --></style>
黃色的部分是隱藏標籤
或許有些人的瀏覽器不支援css
那這些人看到用css寫的網頁可能會發生錯誤
加上了隱藏標籤的話
遇到不支援的瀏覽器的時候
就會跳過這之間的語法囉
寫css檔的工具
那現在很多人因為相簿暱稱後面長度有限
就改用css檔連結
在寫這個css檔的時候啊
就不用加<style></style>了
因為你在連結的時候已經指定它是css
這個css檔裡面一樣只能寫css的語法喔
我一開始是用記事本寫css的
開始>程式集>附屬應用程式>記事本
寫好之後按儲存檔案
檔名要記得存成
檔名.css
存好之後上傳到網上就好啦
在這個時候我一直不是很懂前面版友說的
副檔名不一定要是.css
因為我試過不加.css或是存成.html都不行
但現在改用dreamweaver
我猜應該是工具不同的關係吧...
這點我就不是很清楚啦...(汗)
--
我懂的大概就這些啦
現在改用dreamweaver發現好難喔>"<
記事本真是個好用又簡單明瞭的工具呢
--
http://photo.taipeilink.net/ichigomilk
努力更新ｉｎｇ~＊
繼續亂拍~~耶(≧▽≦)
--
※ 發信站: 批踢踢實業坊(ptt.csie.ntu.edu.tw)
◆ From: 202.178.162.144
※ 編輯: fruiTea 來自: 202.178.162.144 (07/16 22:31)
1F：→ chichigirl:我也覺得dreamweaver不容易上手.... 推 61.228.3.118 07/16
2F：→ chichigirl:反而已經習慣了直接看內碼...... 推 61.228.3.118 07/16
3F：→ fruiTea:對啊..還是記事本好用又簡單... 推202.178.162.144 07/17