利用相對定位及偏移量做精美輸入界面
利用相對定位和偏移量屬性，可以很好的實現以前需要用圖片才能實現的界面，而且實現起來比也很方便。例如，當需要用戶輸入某些信息，我們常常會用到：標題欄－內容－確定按鈕 這種結構，下面是利用CSS樣式的相對定位及偏移量做的輸入...
|
|
用CSS實現文字變圖象特效
一段文字，當鼠標在文字上面單擊，文字消失，原來文字的地方卻立即變成了一張圖片，當鼠標在圖片上單擊，圖片又消失，原來的文字又重現了，像變魔術一樣，是不是有意思?!這種效果用Dreamweaver的Behavirs 功能也可實現，但那要增加...
用CSS控制的閃爍效果
一段文本或一張圖片，它的周圍有一圈光暈，這圈光暈每一秒鐘閃爍一次，而當鼠標移到上面時，立即停止閃爍，當鼠標移開時又繼續閃爍。這種效果用于那些需要特別引起別人注意的內容上(如:警示、報告新增內容等)，能起到較好的...
expression將JS、Css結合起來
IE5及其以后版本支持在CSS中使用expression，用來把CSS屬性和Javas cript表達式關聯起來，這里的CSS屬性可以是元素固有的屬性，也可以是自定義屬性。就是說CSS屬性后面可以是一段Javas cript表達式，CSS屬性的值等于Javas cr...
CSS做一個超鏈接的陷下效果
代碼如下：<style>A:link,A:visited ,A:active {TEXT-DECORATION: none}A:hover {text-decoration : none; position : relative; top : 1px; left : 1px}</style><A HREF="http://homepage.yesky.com/">把鼠標放上來看...
兼容各個瀏覽器的技巧
1,盒解釋器的不同解釋.#box{ width:600px; //for ie6.0- w/idth:500px; //for ff+ie6.0}#box{ width:600px!important //for ff width:600px; //for ff+ie6.0 width...
塊元素block element和內聯元素inline element
內聯級元素(inline-level element)中試圖插入塊級(block-level element)元素。這樣做是不允許的。唯一的能在內聯元素中插入塊級元素的例外是object標簽。那么什么是內聯級元素(inline-level element)和塊級(block-le...
關于居中布局和IE雙倍邊距bug
今天google了一下css居中布局的問題，結果差不多都是引用了同一篇文章。在ie中要居中，只要在<body>元素中定義text-align:center;的屬性。而在firefox中，需要定義一個wrapper包裹器。然后指定margin-left:auto;margin-rig...
CSS解決未知高度垂直居中的問題
除特別說明外，本站內容采用創作共用授權署名和非商業用途,請尊重勞動成果。原文標題：Vertical Centering in CSS副標題：Yuhu's Definitive Solution with Unknown Height翻譯：forestgan盡管有CSS的vertical-align特性，但是...
未知大小圖片在已知容器中的垂直和水平居中問題
除特別說明外，本站內容采用創作共用授權署名和非商業用途,請尊重勞動成果。CSS布局中,未知大小圖片的垂直居中，一直是比較頭疼的問題,標準瀏覽器只要設定容器的line-height和圖片的vertical-align:middle;就可以了，但對I...
在DIV+CSS排版中新聞列表的制作方法
CSS代碼:.list{ margin: 0px 10px 20px; text-align: left; }.list ul{ list-style-type: none; margin: 0px; padding: 0px;}.list li{ background: url(/news/images/line.gif) repeat-x bottom; /*列表底部的虛線...
CSS圖片翻轉菜單
如果用傳統的方法制作這個翻轉菜單，至少需要把圖片切成10椋掛由S代碼，在圖片按鈕上再加行為，現在完全用CSS來實現，圖片只要一張，見下圖。CSS代碼:#imgmenu{ width: 450px; height: 25px; /*高度是背景圖片的一半*/ backgro...
重新認識表格和一個訪問無障礙的數據表格例子
除特別說明外，本站內容采用創作共用授權署名和非商業用途,請尊重勞動成果。 表格一直是網頁設計制作過程中一個重要的組成部分，在沒學習CSS布局前，大多是用來布局的，但到目前位置發現居然還沒真正地了解和完全掌握表格，不...
w3c技術架構介紹
作者：阿宏 2006-2-10 9:38:04 原文：http://www.w3.org/Consortium/technology 原作者：w3c 翻譯：阿宏
圖例說明W3C技術架構圖描繪了一個兩層的模型：萬維網體系結構（被標注為“One Web”）建立在互聯網(Interner)體系結構之上...
如何以及何時使用sIFR
作者：阿宏 2005-5-28 16:05:36原文：http://usabletype.com/articles/2004/how-and-when-to-use-sifr/ 原作者：Andrew Hume 翻譯：阿宏 在分析sIFR之前，先來快速的了解一下sIFR是什么，以及它是如何工作的。sIFR表示scalable I...
用DIV+CSS如何實現這種表格效果
表格效果table [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]表格效果div+css #div1 { width: 450px; border-to...
用DIV+CSS如何實現這種表格效果
表格效果table [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]表格效果div+css #div1 { width: 450px; border-to...
用DIV+CSS如何實現這種表格效果
表格效果table [Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]表格效果div+css #div1 { width: 450px; border-to...
相對路徑與絕對路徑的區別
絕對路徑：
在我們平時使用計算機時要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子...
HTML技巧匯編
1.怎樣定義網頁語言(字符集)? 在制作網頁過程中,你首先要定義網頁語言,以便訪問者瀏覽器自動設置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設置。要設置的語言可以在HTML代...
相對路徑與絕對路徑的區別
絕對路徑：
在我們平時使用計算機時要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子...
HTML技巧匯編
1.怎樣定義網頁語言(字符集)? 在制作網頁過程中,你首先要定義網頁語言,以便訪問者瀏覽器自動設置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設置。要設置的語言可以在HTML代...
相對路徑與絕對路徑的區別
絕對路徑：
在我們平時使用計算機時要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子...
HTML技巧匯編
1.怎樣定義網頁語言(字符集)? 在制作網頁過程中,你首先要定義網頁語言,以便訪問者瀏覽器自動設置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設置。要設置的語言可以在HTML代...
塊元素block element和內聯元素inline element
內聯級元素(inline-level element)中試圖插入塊級(block-level element)元素。這樣做是不允許的。唯一的能在內聯元素中插入塊級元素的例外是object標簽。那么什么是內聯級元素(inline-level element)和塊級(block-le...