利用相對定位及偏移量做精美輸入界面
利用相對定位和偏移量屬性，可以很好的實現(xiàn)以前需要用圖片才能實現(xiàn)的界面，而且實現(xiàn)起來比也很方便。例如，當需要用戶輸入某些信息，我們常常會用到：標題欄－內(nèi)容－確定按鈕 這種結(jié)構(gòu)，下面是利用CSS樣式的相對定位及偏移量做的輸入...
|
|
- NET技術(shù)
- Java技術(shù)
- php技術(shù)
- Swift技術(shù)
- C/C++技術(shù)
- Objective-C技術(shù)
- Perl技術(shù)
- Python技術(shù)
- Ruby技術(shù)
- ASP技術(shù)
- Google Go技術(shù)
- D語言
- Groovy技術(shù)
- Scala技術(shù)
- JavaScript技術(shù)
- HTML/CSS技術(shù)
- ActionScript技術(shù)
- VBScript技術(shù)
- Delphi/Pascal技術(shù)
- Basic技術(shù)
- ErLang技術(shù)
- COBOL技術(shù)
- Fortran技術(shù)
- Lua技術(shù)
- SHELL技術(shù)
- Smalltalk技術(shù)
- Sliverlight技術(shù)
- Lisp技術(shù)
- it知識庫
- AspNet技術(shù)
- jsp技術(shù)
用CSS實現(xiàn)文字變圖象特效
一段文字，當鼠標在文字上面單擊，文字消失，原來文字的地方卻立即變成了一張圖片，當鼠標在圖片上單擊，圖片又消失，原來的文字又重現(xiàn)了，像變魔術(shù)一樣，是不是有意思?!這種效果用Dreamweaver的Behavirs 功能也可實現(xiàn)，但那要增加...
用CSS控制的閃爍效果
一段文本或一張圖片，它的周圍有一圈光暈，這圈光暈每一秒鐘閃爍一次，而當鼠標移到上面時，立即停止閃爍，當鼠標移開時又繼續(xù)閃爍。這種效果用于那些需要特別引起別人注意的內(nèi)容上(如:警示、報告新增內(nèi)容等)，能起到較好的...
expression將JS、Css結(jié)合起來
IE5及其以后版本支持在CSS中使用expression，用來把CSS屬性和Javas cript表達式關(guān)聯(lián)起來，這里的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和內(nèi)聯(lián)元素inline element
內(nèi)聯(lián)級元素(inline-level element)中試圖插入塊級(block-level element)元素。這樣做是不允許的。唯一的能在內(nèi)聯(lián)元素中插入塊級元素的例外是object標簽。那么什么是內(nèi)聯(lián)級元素(inline-level element)和塊級(block-le...
關(guān)于居中布局和IE雙倍邊距bug
今天google了一下css居中布局的問題，結(jié)果差不多都是引用了同一篇文章。在ie中要居中，只要在<body>元素中定義text-align:center;的屬性。而在firefox中，需要定義一個wrapper包裹器。然后指定margin-left:auto;margin-rig...
CSS解決未知高度垂直居中的問題
除特別說明外，本站內(nèi)容采用創(chuàng)作共用授權(quán)署名和非商業(yè)用途,請尊重勞動成果。原文標題：Vertical Centering in CSS副標題：Yuhu's Definitive Solution with Unknown Height翻譯：forestgan盡管有CSS的vertical-align特性，但是...
未知大小圖片在已知容器中的垂直和水平居中問題
除特別說明外，本站內(nèi)容采用創(chuàng)作共用授權(quán)署名和非商業(yè)用途,請尊重勞動成果。CSS布局中,未知大小圖片的垂直居中，一直是比較頭疼的問題,標準瀏覽器只要設(shè)定容器的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圖片翻轉(zhuǎn)菜單
如果用傳統(tǒng)的方法制作這個翻轉(zhuǎn)菜單，至少需要把圖片切成10椋掛由S代碼，在圖片按鈕上再加行為，現(xiàn)在完全用CSS來實現(xiàn)，圖片只要一張，見下圖。CSS代碼:#imgmenu{ width: 450px; height: 25px; /*高度是背景圖片的一半*/ backgro...
重新認識表格和一個訪問無障礙的數(shù)據(jù)表格例子
除特別說明外，本站內(nèi)容采用創(chuàng)作共用授權(quán)署名和非商業(yè)用途,請尊重勞動成果。 表格一直是網(wǎng)頁設(shè)計制作過程中一個重要的組成部分，在沒學習CSS布局前，大多是用來布局的，但到目前位置發(fā)現(xiàn)居然還沒真正地了解和完全掌握表格，不...
w3c技術(shù)架構(gòu)介紹
作者：阿宏 2006-2-10 9:38:04 原文：http://www.w3.org/Consortium/technology 原作者：w3c 翻譯：阿宏
圖例說明W3C技術(shù)架構(gòu)圖描繪了一個兩層的模型：萬維網(wǎng)體系結(jié)構(gòu)（被標注為“One Web”）建立在互聯(lián)網(wǎng)(Interner)體系結(jié)構(gòu)之上...
如何以及何時使用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如何實現(xiàn)這種表格效果
表格效果table [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]表格效果div+css #div1 { width: 450px; border-to...
用DIV+CSS如何實現(xiàn)這種表格效果
表格效果table [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]表格效果div+css #div1 { width: 450px; border-to...
用DIV+CSS如何實現(xiàn)這種表格效果
表格效果table [Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]表格效果div+css #div1 { width: 450px; border-to...
相對路徑與絕對路徑的區(qū)別
絕對路徑：
在我們平時使用計算機時要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子...
HTML技巧匯編
1.怎樣定義網(wǎng)頁語言(字符集)? 在制作網(wǎng)頁過程中,你首先要定義網(wǎng)頁語言,以便訪問者瀏覽器自動設(shè)置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設(shè)置。要設(shè)置的語言可以在HTML代...
相對路徑與絕對路徑的區(qū)別
絕對路徑：
在我們平時使用計算機時要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子...
HTML技巧匯編
1.怎樣定義網(wǎng)頁語言(字符集)? 在制作網(wǎng)頁過程中,你首先要定義網(wǎng)頁語言,以便訪問者瀏覽器自動設(shè)置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設(shè)置。要設(shè)置的語言可以在HTML代...
相對路徑與絕對路徑的區(qū)別
絕對路徑：
在我們平時使用計算機時要找到需要的文件就必須知道文件的位置，而表示文件的位置的方式就是路徑，例如只要看到這個路徑：c:/website/img/photo.jpg我們就知道photo.jpg文件是在c盤的website目錄下的img子...
HTML技巧匯編
1.怎樣定義網(wǎng)頁語言(字符集)? 在制作網(wǎng)頁過程中,你首先要定義網(wǎng)頁語言,以便訪問者瀏覽器自動設(shè)置語言,而我們用所見即所得的HTML工具時,都沒有注意到這個問題,因為它是默認設(shè)置。要設(shè)置的語言可以在HTML代...
塊元素block element和內(nèi)聯(lián)元素inline element
內(nèi)聯(lián)級元素(inline-level element)中試圖插入塊級(block-level element)元素。這樣做是不允許的。唯一的能在內(nèi)聯(lián)元素中插入塊級元素的例外是object標簽。那么什么是內(nèi)聯(lián)級元素(inline-level element)和塊級(block-le...