- 2008-04-28
一般而言,鼠標以斜向上的箭頭顯示,移到文本上時變為有頭的豎線,移到超級鏈接上變為手型。但用css可控制鼠標的顯示效果,如可使鼠標移到普通文本上也顯示成手型。 用css控制的語法如下: 文本或其它頁面元素 把 * 換成如下15個效果的一種: hand、crosshair、text、wai
- 2008-04-28
head區是指首頁HTML代碼的head和/head之間的內容。 必須加入的標簽 1.公司版權注釋 !--- The site is designed by Maketown,Inc 06/2000 --- 2.網頁顯示字符集 簡體中文:META HTTP-EQUIV=Content-Type CONTENT=text/html; charset=gb2312 繁體中文:META HTTP-EQUIV=C
- 2008-04-28
- 2008-04-28
- 2008-04-25
字體的處理在網頁設計中無論怎么強調也不為過,畢竟網頁使用來傳遞信息的,而最經典最直接的信息傳遞方式就是文字,所以,了解一點字體的基本知識對于設計來說還是非常重要的。 中文和英文的最大區別就是中文是方塊字,英文是拼音文字,這對字體的處理的影響是巨大的。
- 2008-04-25
工作之余做了這個小東西 仿Office 2003的工具條,主要嘗試不用任何圖片(當然不可能把所有按扭都做出來),所有的控件都是用Css和Javascript做的菜單就不做了,偷懶中感興 趣的朋友可以和我聯系,大家交流交流.運行代碼框 以下為引用的內容: htmlheadmeta http-equiv=Con
- 2008-04-23
看到上面的效果,你也許以為這是一張帶文字的圖片而已;呵呵,用你的鼠標去選取文字看看,發現了吧,這完完全全是一張圖片和文字的組合,下面我就來介紹它是怎么做的。 先看看代碼: 以下為引用的內容: div id=info h2TRACKING YOUR IMAGES/h2 div id=holdit img src=/i
- 2008-04-23
以下為引用的內容: div style=width:150px;height:50px;overflow:hidden; table cellspacing=0 cellpadding=0 tr tda href=http://homepage.yesky.com/ class=bluekey target=_blank網頁/a中國站長站中國站長站照顧站長站中國站長站中國站長張卓站長站長那中國站長站
- 2008-04-23
以下為引用的內容: 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/把鼠標放上來看看效果---/A A HREF=http://www.chinaz.com/這里
- 2008-04-23
以下為引用的內容: ?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
- 2008-04-23
解決列高度自適應(列高度相同)的五種方法 以下為引用的內容: E html PUBLIC -//W3C//DTD XHTM xhtml1-strict.dtd html xmlns=1999/xhtml head meta http-equiv=Content-Type content=text/
- 2008-04-23
以下為引用的內容: 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
- 2008-04-23
CSS布局常用的方法:float:none|left|right 取值: none:?默認值。對象不飄浮 left:?文本流向對象的右邊 right:?文本流向對象的左邊 它是怎樣工作的,看個一行兩列的例子 xhtml代碼: 以下為引用的內容: divid=wrap divid=column1這里是第一列/div divid=column2這
- 2008-04-23
你正在學習CSS布局嗎?是不是還不能完全掌握純CSS布局?通常有兩種情況阻礙你的學習: 第一種可能是你還沒有理解CSS處理頁面的原理。在你考慮你的頁面整體表現效果前,你應當先考慮內容的語義和結構,然后再針對語義、結構添加CSS。這篇文章將告訴你應該怎樣把HTML結構
- 2008-04-23
以下為引用的內容: 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, 宋
- 2008-04-23
這是個透明的CSS菜單,兼容性:IE5.5+、Opera、Frefox、Netscape。 CSS代碼: 以下為引用的內容: 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
- 2008-04-23
第一步:建立菜單 首先建立菜單架構非常重要,最好的方法是使用ul來建立各菜單內容的從主關系.很復雜么?其實只要一路寫下去就OK了: 以下為引用的內容: ul liahref=#Home/a/li liahref=#About/a ul liahref=#History/a/li liahref=#Team/a/li liahref=#Offices/a/li /ul
- 2008-04-23
一直以來,我們大多使用js來實現彈出菜單,可是根據 w3c 的css標準,根本就沒有這個必要。只需要簡單得使用css+html就可以做出一個無限分級的彈出菜單。 沒錯,就是利用 Element:hover 這個偽類。 注意,瀏覽這個例子,你必須使用標準瀏覽器,例如 Mozilla Firefox/ Op
- 2008-04-23
以下為引用的內容: 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
- 2008-04-23
HTML: 以下為引用的內容: 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