第一頁 上一頁 < 1 2 3 4 5 6 7 8 9 10 > 下一頁 | 最後一頁 6/17
檢視方式: 列表 摘要
CSS教學
jackchris 在天空部落發表於21:32:49 | 塗鴉.....
什麼是CSS
CSS的全名是Cascading Style Sheets(串接樣式表)。它是由許多樣式名稱和樣式指定值所組成的字串,我們可以利用設定好的樣式表,指定給某一種HTML標籤,或某一群組HTML標籤來使用。而被套用的HTML標籤,將會依據所套用的CSS來顯式它的外觀。

CSS可說是JavaScript物件模型的一個重要部份,因為在CSS設定之後,我們還可以利用JavaScript重新指定不同的值給元件,而達成動態改變的效果(JavaScript動態改變的功能IE已完全支援,但NC只支援極少部份)。試想我們利用CSS將一段文字設為紅色,再利用JavaScript將它改變為籃色,這就是一種動態網頁效果啦(NC目前做不到)!

css是用來延伸html而非取代htnl,是用來補html的不足

IE4.0及Netscape支援CSS1.0版,而IE5.0則支援到部分CSS2.0

CSS利用各式的排版樣式來輔助HTML,其簡潔的語法可以很容易的控制HTML標記,而且最大的功能是可以將資料與顯示格式分開處理 ( 以 . CSS 為副檔名儲存成一個獨立的文字檔 ) 。

CSS的特點
減少圖檔的使用,便可以達到文字變化的需求,加快網頁傳輸的速度

集中管理樣式,當修改時只需針對樣式修改即可

共享樣式設定,CSS可另外存檔,供每一個網頁取用共享

使用CSS有什麼好處
CSS的最大好處是提供了HTML所不支援的屬性。例如中只可設定文字前景顏色,但CSS可指定背景顏色、背景圖形甚至幫它畫個外框!所以CSS的出現,將使我們可以運用更多不同的屬性,當然網頁也會更漂亮啦!

用CSS將會使網頁設計速度增快。我們常常會用到許多參數完全相同的標籤,如可能用到好幾次參數設定一樣的標籤,而還是得每次都重新指定所用的參數。但如果用CSS,就大不相同了!我們可以指定一群的標籤都套用某個CSS,這樣設定一次全部OK,不是很方便嗎?

讓許多網頁用同一份CSS,可減少網頁體積。CSS可獨立寫成一個檔案,再由瀏覽器於需要時讀入。如果數個檔案共用一份CSS,將可達到減小網頁體積的功效,而且也可以減低網路傳輸的負荷,可謂一舉多得!

串接
讓HTML文件可同時套用數個樣式表,每個樣式表描述不同的物件

將這些樣式串接同一網頁上,在維護上比較方便

CSS基本語法
HTML標記可為任何標記,多個HTML標記間以逗號 ( , ) 分隔 ; 屬性定義為大括弧部份,多個屬性定義間以分號 ( ; ) 分隔。

HTML標記 { 屬性名稱 : 屬性設定值 }

如 :
H1 , H3 { COLOR : RED ; FONT-WEIGHT : BOLD }

CSS種類
CSS為甚麼稱為串聯式排版樣式呢 ? 是因為可以混合使用以下Style Sheets種類,其優先執行順序依編號排列。

Inline (同列) : 使用HTML標記的STYLE屬性,只於定義的區段有效。
如 :



Embedding (內嵌) : 使用 標記 ( 置於BODY本文區之前 ),定義HTML標記供整個網頁使用。可使用多個標記
如 :



觀看全文...
~粉無聊的亂講一通~
jackchris 在天空部落發表於09:55:43 | 塗鴉.....

昨天很神奇的有人問我~妳都把心情寫在網誌上不怕人家看的押~
嗯~這點很值得深思~
因為寫出來就是要分享的~不分享幹麼寫啊...偷偷寫日記藏起來就好哩~而且...可以做資料銷毀(不想對地球的暖化做破壞的...可以把你的日記拿給羊吃)~呵呵~這樣還能夠餵飽小羊呢(可是別在上面用有毒的原料來寫啊)
還有最近超級懶得~~~~~~~~~~~~~~~打字~~~~~~~~~~~~~~~超級不想打字的....(連網路上聊天也是話會變少哩)否則硬碟又不能夠吃~記憶卡也不能吃....
喵~(貓掌揮)下次我絕對要買一隻逗貓棒來玩....最近的逗貓棒造型都好可愛押~
前幾天上台中玩的時候看到的~....我好像忘了什麼
對了~死蜥蜴...我忘記找妳了後...XD以後有機會要去你家打擾你啊~
昨天還有人問很自然的就能跟人聊起來了...-_-...還有人問我是不是T....差點沒昏過去....
很自然就能跟人聊起來那是因為情勢所逼啊(菸~)因為不說話的我看起來,沒有元氣..陰暗...可怕...憂鬱....
所以有人問我說Jack你為甚麼常常保持笑臉啊(OS:難道要哭臉~考演員題目嗎~◎ 喜怒哀樂)
根據0800客服專線所整理出來的結果...我不說話的時候看起來很恐怖...所以要微笑...微笑
快要開學了....我這段長時間暑假也結束了~
好啦~我知道不能夠用接通告當理由不去上課...大不了短時間內不接囉,離開娛樂圈一陣子...


零~紅蝶的預告片
jackchris 在天空部落發表於01:13:11 | 隨手寫寫....

『CG』天野月子 - 聲 + 零 3 - 剌青之聲
jackchris 在天空部落發表於01:02:33 | 隨手寫寫....

零*-紅蝶PV-蝶
jackchris 在天空部落發表於00:51:33 | 隨手寫寫....

第一頁 上一頁 < 1 2 3 4 5 6 7 8 9 10 > 下一頁 | 最後一頁 6/17
系統公告
YAHOO
這是我
個人圖檔
ID:jackchris
暱稱:♪~Jack~♪~遷移狠大現在要到Facebook或是噗浪找我
生日:1982/10/26
地區:屏東縣

雜談
jackchris的對你的回應
有多少人呢
當日人次:
累積人次:
要做什麼呢
Dec 2009
S M T W T F S
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
最愛的朋友
最美的事物
歡迎光臨小天地
我的活動曆
貓貓睡覺~
好時光貼曆
javascript
每月文章彙集
最新的引用
  • 目前沒有引用
搜尋欄位
搜尋:
自由欄位
RSS 訂閱
贊助商
CC授權
其它資訊
本部落所刊登之內容,皆由作者個人所提供,不代表 yam 天空 本身立場。
POWERED BY
POWERED BY 天空部落
會員登入免費註冊