CSS

逛網中發現，用iframe的margin函數實現調用一網頁的部分地區，太有才了，以後就方便了 建立網頁 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

div+css頁面配置的五個小技巧_經驗交流1、表單文本輸入的移動選擇： 　　在文本輸入欄中，如果加入了提示，來訪者往往要用滑鼠選取後刪除，再輸入有用的資訊。其實只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 <textarea> 中，一切就會變得簡單多了，如： <textarea name=textarea wrap=virtual rows=2 cols=22

頁面水平置中一般會令人很頭疼，尤其新手。瀏覽器之間的不相容也會帶來很大問題。下面來說一下常見的頁面水平置中辦法。 以下內容參見《精通CSS》。 HTML代碼： 代碼如下<body> <div id="wrapper"> </div> </body> IE置中辦法： body { text-align:center; min-width:760px; }

Class與ID區別 margin和padding區別 CSS學習筆記_經驗交流由於現在百分之99.99%的CMS都是用p+css來構建網頁模板的，被逼無奈，一大把年紀了還要學習CSS，說實話沒覺得用p來布局比table好在什麼地方！但迫於行勢，先硬著頭皮看吧，能學多少是多少。根據資料與結構分離的原則，CSS最好要獨立於網頁檔案，用 <link rel="stylesheet" type="text/css"

寫著好玩的，並無技術含量，見笑了。沒有使用到Js，純Css控制的。彈出的圖片不會把旁邊的容器“擠”開。 測試通過IE7 Firefox2.11。（理論相容IE6） www.jb51.net 指令碼之家 滑鼠滑過縮圖時放大圖片 本例旨在展示滑鼠滑到縮圖上時，放大圖片。 [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

讓網頁架構透明 IE5.5和NN6以上的瀏覽器支援Frame，Iframe對象的allowTransparency方法，如果某對象的背景顏色設定為Transparency的，它將繼承包含它容器的特性。我們可以通過這個特性實現透明背景的開/關。 代碼如下： a.html如下： 透明文檔 此IFRAME無背景顏色 BODY： iframe 底部對齊的代碼： 

自從互連網開始的那一刻起，各瀏覽器間的爭鬥就沒有停止過。當然其中最苦的就是網頁製作人員了，為了達到使用者體驗以及可用性的標準，不得不在多個瀏覽器上為統一效果而奔波。真希望哪一天FF可以一統天下，雖然現在還是IE的大天下。特別是微軟最新發行的IE7瀏覽器，其CSS的相容性確實給一些網頁製作人員又添加了一個沉重的新負擔。 為了讓各瀏覽器有同樣的顯示效果，我們不得不用到CSS HACK。當然在這篇文章中我們只談現在使用率最高的IE6和FF，以及將來可能會成為主流的IE7的CSS

在如今這個提倡可用性設計以及使用者體驗設計的網路時代，CSS也是要一同參與其中的。大部分人在CSS代碼編寫中總是先對整體定義字型尺寸，中文情況下一般為12px，而其實這樣以來在通過IE頂部菜單中的“察看-文字大小”設定已無任何作用。對字型感覺太小的瀏覽者而言無疑是種很不好的使用者體驗過程。其實這一切都可以避免，那就是使用em單位作為字型顯示單位。

If you are front end coder you must know how important is to make cross browses, valid CSS and xHTML code. And also you must know how much time we are spending in all those hacks and fixes for various browsers. I've written about some of them

在的img標籤有兩個屬性分別為alt和title，對於很多初學者而言對這兩個屬性的正確使用都還抱有迷惑，當然這其中一部分原因也是ie瀏覽器所導致的。正確的使用這兩個屬性除了可以提高圖片的搜尋能力外，在使用者體驗上也是很有協助，下面就來說說alt和title的概念與正確使用。 alt

此時在IE中到底是什麼在影響著最終的顯示，又是如何解析的呢？ 　　可能的影響因素：字型大小（font-size），字型行高（line-height），高度（height），溢出（overflow） 　　我們對上面的代碼逐一添加過濾屬性（具體的過程有興趣的朋友，可以私下裡實驗一下，“自己動手，豐衣足食”！） 　　在測試的過程中，你會發現IE6和IE7的解析也不盡相同，比如在給div設定了line-height:0; height:0;

可瀏覽器使用率占最高的ie6偏偏不支援，雖然後來出場的ie7已經開始支援此屬性。不過就使用者體驗的角度來說多瀏覽器支援也是很重要的，更何況就目前來說ie6的佔有率還是最高的。 特別是在流動布局的使用下，特別會用到min-width、min-height、max-width、max-height這些屬性，以下是一種非常方便就可以實現在ie6顯示min-width、min-height、max-width、max-height同等效果的方法，在此與大家一同分享。閑話少說，上源碼： 觸發並利用IE6-

什麼是HTML? 簡單點說：HTML是用來做網頁的。它很簡單，在接下來的1~2分鐘之內你就會跟著我用HTML做一個簡單的網頁。 複雜點說：HTML（HyperTextMarkupLanguage的縮寫），即超文本連結標記語言。它是在互連網發布超文字檔(通常所說的網頁)的通用語言。 什麼是XHTML?更先進難懂的技術？

1、800*600下，網頁寬度保持在778以內，就不會出現水平捲軸，高度則視版面和內容決定。 2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平捲軸和垂直捲軸。 3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右

我們要建立一個測試用HTML檔案，以下是關鍵的代碼片斷 複製代碼 代碼如下: 遵守我的著作權 遵守我的著作權 遵守我的著作權 遵守我的著作權 遵守我的著作權 在以上代碼中我將應用以下CSS 複製代碼 代碼如下:div{ width: 60%; } pre{ overflow : auto ; background-color : #fff0f5 ;

屏蔽IE瀏覽器（也就是IE下不顯示） *:lang(zh) select {font:12px !important;} /*FF的專用*/ select:empty {font:12px !important;} /*safari可見*/ 這裡select是選擇符，根據情況更換。第二句是MAC上safari瀏覽器專屬的。 僅IE7識別 *+html {…} 當面臨需要只針對IE7做樣式的時候就可以採用這個HACK。 IE6及IE6以下識別 * html {…}

區別IE6與FF： background:orange;*background:blue; 區別IE6與IE7： background:green !important;background:blue; 區別IE7與FF： background:orange; *background:green; 區別FF，IE7，IE6： background:orange;*background:green

常用的清除浮動的方法有以下三種。 此為未清除浮動原始碼，運行代碼無法查看到父級元素淺黃色背景。 Left Right [Ctrl+A 全選 注:如需引入外部Js需重新整理才能執行]

CSS頂級技巧大放送，div+css布局必知_經驗交流字型大小使用px 在一行內聲明CSS 對比下面兩個： h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;

你可以用類選擇符class和標識選擇符id來定義自己的選擇符。 這樣做的好處是，依賴於class或者id，你可以不同地表現相同的HTML元素。 在CSS中，類選擇符在一個半形英文句點（.）之前，而id則在半形英文井號（#）之前。 看起來像這樣： #top { background-color: #ccc; padding: 1em } .intro { color: red; font-weight: bold; } HTML與CSS的串連用屬性id和class。像這樣：