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