-
如何用CSS層疊樣式表控制鼠標(biāo)顯示的樣式
2008-04-28一般而言,鼠標(biāo)以斜向上的箭頭顯示,移到文本上時(shí)變?yōu)橛蓄^的豎線,移到超級(jí)鏈接上變?yōu)槭中�。但用css可控制鼠標(biāo)的顯示效果,如可使鼠標(biāo)移到普通文本上也顯示成手型。 用css控制的語(yǔ)法如下: 文本或其它頁(yè)面元素 把 * 換成如下15個(gè)效果的一種: hand、crosshair、text、wai -
網(wǎng)站首頁(yè)head區(qū)代碼規(guī)范
2008-04-28head區(qū)是指首頁(yè)HTML代碼的head和/head之間的內(nèi)容。 必須加入的標(biāo)簽 1.公司版權(quán)注釋 !--- The site is designed by Maketown,Inc 06/2000 --- 2.網(wǎng)頁(yè)顯示字符集 簡(jiǎn)體中文:META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=gb2312 繁體中文:META HTTP-EQUIV=C -
CSS光標(biāo)屬性一覽表
2008-04-28 -
CSS制作11種風(fēng)格不同的特效文字
2008-04-28 -
在 CSS 中關(guān)于字體處理效果的思考
2008-04-25字體的處理在網(wǎng)頁(yè)設(shè)計(jì)中無(wú)論怎么強(qiáng)調(diào)也不為過(guò),畢竟網(wǎng)頁(yè)使用來(lái)傳遞信息的,而最經(jīng)典最直接的信息傳遞方式就是文字,所以,了解一點(diǎn)字體的基本知識(shí)對(duì)于設(shè)計(jì)來(lái)說(shuō)還是非常重要的。 中文和英文的最大區(qū)別就是中文是方塊字,英文是拼音文字,這對(duì)字體的處理的影響是巨大的。 -
仿Office 2003 的工具條
2008-04-25工作之余做了這個(gè)小東西 仿Office 2003的工具條,主要嘗試不用任何圖片(當(dāng)然不可能把所有按扭都做出來(lái)),所有的控件都是用Css和Javascript做的菜單就不做了,偷懶中感興 趣的朋友可以和我聯(lián)系,大家交流交流.運(yùn)行代碼框 以下為引用的內(nèi)容: htmlheadmeta http-equiv=Con -
CSS+DIV:讓文本字符環(huán)繞在你的圖片周圍
2008-04-23看到上面的效果,你也許以為這是一張帶文字的圖片而已;呵呵,用你的鼠標(biāo)去選取文字看看,發(fā)現(xiàn)了吧,這完完全全是一張圖片和文字的組合,下面我就來(lái)介紹它是怎么做的。 先看看代碼: 以下為引用的內(nèi)容: div id=info h2TRACKING YOUR IMAGES/h2 div id=holdit img src=/i -
CSS讓表格的溢出內(nèi)容隱藏起來(lái)
2008-04-23以下為引用的內(nèi)容: div style=width:150px;height:50px;overflow:hidden; table cellspacing=0 cellpadding=0 tr tda href=http://homepage.yesky.com/ class=bluekey target=_blank網(wǎng)頁(yè)/a中國(guó)站長(zhǎng)站中國(guó)站長(zhǎng)站照顧站長(zhǎng)站中國(guó)站長(zhǎng)站中國(guó)站長(zhǎng)張卓站長(zhǎng)站長(zhǎng)那中國(guó)站長(zhǎng)站 -
CSS做一個(gè)超鏈接的陷下效果
2008-04-23以下為引用的內(nèi)容: 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://www.chinaz.com/把鼠標(biāo)放上來(lái)看看效果---/A A HREF=http://www.chinaz.com/這里 -
CSS+DIV設(shè)計(jì)實(shí)例:多個(gè)DIV排列時(shí)居中
2008-04-23以下為引用的內(nèi)容: ?xml version=1.0 encoding=iso-8859-1? E html PUBLIC -//W3C//DTD XHTM onal.dtd html xmlns=1999/xhtml head titleUntitled Document/title me -
解決列高度自適應(yīng)(列高度相同)的五種方法
2008-04-23解決列高度自適應(yīng)(列高度相同)的五種方法 以下為引用的內(nèi)容: E html PUBLIC -//W3C//DTD XHTM xhtml1-strict.dtd html xmlns=1999/xhtml head meta http-equiv=Content-Type content=text/ -
經(jīng)典 用CSS實(shí)現(xiàn)表單form布局
2008-04-23以下為引用的內(nèi)容: style type=text/css label{ float: left; width: 80px; } form{margin:0px} input{ width: 180px; border:1px solid #808080 } textarea{ width: 250px; height: 150px; } #sbutton{ margin-left: 80px; margin-top: 5px; width:80px; } br{ clear -
常用DIV+CSS網(wǎng)頁(yè)制作布局技術(shù)技巧
2008-04-23CSS布局常用的方法:float:none|left|right 取值: none:?默認(rèn)值。對(duì)象不飄浮 left:?文本流向?qū)ο蟮挠疫?right:?文本流向?qū)ο蟮淖筮?它是怎樣工作的,看個(gè)一行兩列的例子 xhtml代碼: 以下為引用的內(nèi)容: divid=wrap divid=column1這里是第一列/div divid=column2這 -
實(shí)踐DIV+CSS網(wǎng)頁(yè)布局入門指南
2008-04-23你正在學(xué)習(xí)CSS布局嗎?是不是還不能完全掌握純CSS布局?通常有兩種情況阻礙你的學(xué)習(xí): 第一種可能是你還沒(méi)有理解CSS處理頁(yè)面的原理。在你考慮你的頁(yè)面整體表現(xiàn)效果前,你應(yīng)當(dāng)先考慮內(nèi)容的語(yǔ)義和結(jié)構(gòu),然后再針對(duì)語(yǔ)義、結(jié)構(gòu)添加CSS。這篇文章將告訴你應(yīng)該怎樣把HTML結(jié)構(gòu) -
符合WEB標(biāo)準(zhǔn)的下拉導(dǎo)航菜單例子
2008-04-23以下為引用的內(nèi)容: html xmlns=1999/xhtml lang=zh-CN head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titlecss菜單演示/title style type=text/css !-- *{margin:0;padding:0;border:0;} body { font-family: arial, 宋 -
DIV+CSS設(shè)計(jì)實(shí)例:透明的導(dǎo)航菜單
2008-04-23這是個(gè)透明的CSS菜單,兼容性:IE5.5+、Opera、Frefox、Netscape。 CSS代碼: 以下為引用的內(nèi)容: body{ font:80%Arial,sans-serif; background:#666; } #nav{ width:170px; background:url(navbg.gif)bottom; list-style-type:none; margin:0; padding:0; } #nava{ disp -
DIV+CSS設(shè)計(jì)實(shí)例:垂直樹(shù)形下拉菜單
2008-04-23第一步:建立菜單 首先建立菜單架構(gòu)非常重要,最好的方法是使用ul來(lái)建立各菜單內(nèi)容的從主關(guān)系.很復(fù)雜么?其實(shí)只要一路寫(xiě)下去就OK了: 以下為引用的內(nèi)容: ul liahref=#Home/a/li liahref=#About/a ul liahref=#History/a/li liahref=#Team/a/li liahref=#Offices/a/li /ul -
不用script僅用css編寫(xiě)無(wú)限分級(jí)彈出菜單
2008-04-23一直以來(lái),我們大多使用js來(lái)實(shí)現(xiàn)彈出菜單,可是根據(jù) w3c 的css標(biāo)準(zhǔn),根本就沒(méi)有這個(gè)必要。只需要簡(jiǎn)單得使用css+html就可以做出一個(gè)無(wú)限分級(jí)的彈出菜單。 沒(méi)錯(cuò),就是利用 Element:hover 這個(gè)偽類。 注意,瀏覽這個(gè)例子,你必須使用標(biāo)準(zhǔn)瀏覽器,例如 Mozilla Firefox/ Op -
CSS+DIV設(shè)計(jì)實(shí)例:純CSS制作下拉導(dǎo)航菜單
2008-04-23以下為引用的內(nèi)容: style type=text/css .menu { font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em; padding-bottom:250px; } .menu ul { padding:0; margin:0; list-style-type: none; } .menu ul li { float:left; position:rel -
CSS+DIV設(shè)計(jì)實(shí)例:超酷的豎排導(dǎo)航欄
2008-04-23HTML: 以下為引用的內(nèi)容: divid=navcontainer ulid=navlist liid=activeahref=#id=currentItemone/a ulid=subnavlist liid=subactiveahref=#id=subcurrentSubitemone/a/li liahref=#Subitemtwo/a/li liahref=#Subitemthree/a/li liahref=#Subitemfour/a/li /ul /li l
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS網(wǎng)頁(yè)布局語(yǔ)義化探討
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- W3C驗(yàn)證中10個(gè)常見(jiàn)問(wèn)題
- DIV CSS\讓搜索引擎蜘蛛不再累
- CSSer新手寄語(yǔ):開(kāi)始標(biāo)準(zhǔn)之路
- 結(jié)構(gòu)(Structure)表現(xiàn)(Presentation)和行為(Behavior)
- CSS如何定義文字大小以體現(xiàn)用戶體驗(yàn)
- CSS中HTML標(biāo)簽語(yǔ)義化詳解
- 幾種CSS及網(wǎng)站開(kāi)發(fā)常犯的錯(cuò)誤
猜你也喜歡看這些
- 相關(guān)鏈接:
- 欄目說(shuō)明:
WEB 標(biāo)準(zhǔn)教程:提供WEB 標(biāo)準(zhǔn)教程,WEB 2.0 標(biāo)準(zhǔn)教程.