目前分類:CSS (6)

瀏覽方式: 標題列表 簡短摘要

display : none -不顯示這個元素。

display:block - 元素會換行,並且寬度會預設到最大

display:inline - 所有元素都會在同一行,不會換行


, ,

goodlucky 發表在 痞客邦 PIXNET 留言(0) 人氣()

最近又開始找新的免費版型了

不過有發現間還不錯的介紹給大家

Open Source Web Design
http://www.oswd.org/

Open Source Tmeplates

, , , , ,

goodlucky 發表在 痞客邦 PIXNET 留言(0) 人氣()

css中,常用到 超連結 的屬性,因此,特別去查了資料... 免得自己忘記啊

link:      平常的狀態
active:  按下後的狀態
visited: 訪問過後的狀態

goodlucky 發表在 痞客邦 PIXNET 留言(0) 人氣()

Div的全稱division意為「區分」使用DIV的方法跟使用其他tag的方法一樣。

如果單獨使用DIV而不加任何CSS,那麼它在網頁中的效果和使用是一樣的。

DIV本身就是容器性質的,你不但可以內嵌table還可以內嵌文本和其它的HTML代碼CSS是CascADIngstyleSheets的簡稱,中文譯作「層疊樣式表單」,在主頁製作時採用CSS技術,可以有效地對頁面的佈局、字體、顏色、背景和其它效果實現更加精確的控制。只要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數不同的網頁的外觀和格式。網上衝浪無論你用InternetExplorer還是NetscapeNavigator,幾乎隨時都在與CSS打交道,在網上沒有使用過CSS的網頁可能不好找。不管你用什麼工具軟件製作網頁,都有在有意無意地使用CSS。用好CSS能使你的網頁更加簡煉,同樣內容的網頁,有的人做出來有幾十KB,而高手做出來只有十幾KB。

Div CSS標準的優點:

1.大大縮減頁面代碼,提高頁面瀏覽速度,縮減帶寬成本;

goodlucky 發表在 痞客邦 PIXNET 留言(0) 人氣()

  做網頁、論壇貼圖、寫部落格。只要有需要上傳圖片的機會,就一定常碰到這問題。一旦不小心上傳一個大於版面的圖片,輕則內容被蓋住,重則排版全亂掉,畫面慘不忍睹。

  一般的css處理方法都是靠 over-flow:hidden; 來達成的。但這樣做有個缺點,跑出去的內容會被隱藏起來。如果文字跟著被隱藏的話就看不到了。

  在這裡提供一個同樣用css的解決辦法吧,能夠自動調整圖片大小。其實在Mozilla系列瀏覽器中都支援Max與Min的大小設定,只要css做這樣處理,就能限定任何元素的最大或最小長寬。

  不過偉大的Microsoft硬是不支援這指令,我們只好拉長程式碼啦,整個代碼變得落落長,因為插入了javascript在裡面。

請先打開你的網站css檔案

goodlucky 發表在 痞客邦 PIXNET 留言(0) 人氣()

<html>
<head>[略]</head>
<body>
<div id="container">
[網頁內容]

goodlucky 發表在 痞客邦 PIXNET 留言(0) 人氣()