
巧用CSS中的expression來區分只讀文本框 對于文本框,只讀狀態下和普通狀態下,瀏覽器對其并沒有做什么特殊的標記,表面看來,效果是一樣的,這樣,對用戶來說,易用性并不是很高. 當然,我們可以改變只讀文本框的背景顏色來加以區分,這個時候就需要程序員自己判斷這個文本框是不是只讀,然后再引入相閱讀全文
IE5及其以后版本支持在CSS中使用expression,用來把CSS屬性和Javascript表達式關聯起來,這里的CSS屬性可以是元素固有的屬性,也可以是自定義屬性。就是說CSS屬性后面可以是一段Javascript表達式,CSS屬性的值等于Javascript表達式計算的結果。在表達式中可以直閱讀全文
以往用的<ahref="#"title=""target="_blank">打開方式</a> 以往用的target="_blank"是不符合web2.0標準 以下的方式,是符合web2.0打開鏈接方式 a:active{text:expression(target=閱讀全文
web2.0中流行的設計元素:顏色,顏色的變化跟人類的智慧一樣,是無窮的,每個階段都會有流行的色彩,有屬于一個時代的顏色!WEB2.0是一個概念,它宣揚,定位了一些東西,以用戶為中心,群體智慧,分享等等,等等.同時順應這些需求,一些頂尖的設計師和開發者賦予并領導了一些色彩流行趨勢.我憑感覺做了部分歸閱讀全文
主流web2.0網站的配色參考方案 Shinysilver[#EEEEEE] Redditwhite[#FFFFFF] MagnoliaMag.nolia[#F9F7ED] Interactiveactionyellow[#FFFF88] QoopMint[#CDEB8閱讀全文
邊框可以應用到在主體元素body中的絕大部分HTML元素中。 創建一個包圍著元素的邊框,你所需要的是邊框樣式border-style。它們的值可以是solid、dotted、dashed、double、groove、ridge、inset和outset。(你有必要每個值都試一試,看看效果如何譯者注閱讀全文
請你注意一些CSS偽類屬性不被所有瀏覽器支持,但有四個偽類可以安全使用在鏈接上 偽類像是指定選擇器狀態或關聯選擇器的門閂。它們的形式如:selector:pseudoclass{property:value;},在選擇器和偽屬性之間使用冒號。 link沒有點擊過的鏈接visited以點擊過的鏈接閱讀全文
記性好的朋友應該記得4月9日全球CSS裸體日時GENMICHA|趣站酷軟的玲瓏玉體,都說女人不穿衣服的時候最美,但是本站在禁用了CSS之后簡直慘不忍睹。所以說人靠衣裝在某些時候是一個不折不扣的真理。 在以DIV+CSS架構的網站中,DIV就好比骨架,而CSS形如肌肉,皮膚和服裝。在這個追求骨干美的閱讀全文
按照CSS規范,浮動元素(floats)會被移出文檔流,不會影響到塊狀盒子的布局而只會影響內聯盒子(通常是文本)的排列。因此當其高度超出包含容器時,一般父容器不會自動伸長以閉合浮動元素。但是有時我們卻需要這種自動閉合行為,具體如何處理呢? 有一種做法就是在父容器內再插入一個額外的標簽,并令其清除浮閱讀全文
簡介 Cookie為Web應用程序保存用戶相關信息提供了一種有用的方法。例如,當用戶訪問您的站點時,您可以利用Cookie保存用戶首選項或其他信息,這樣,當用戶下次再訪問您的站點時,應用程序就可以檢索以前保存的信息。 什么是Cookie? Cookie是一小段文本信息,伴隨著用戶請求和頁面在W閱讀全文
效果:使用Windows系統的用戶在關機的時候,出現的界面只允許用戶選擇關機、注銷或取消動作,而桌面上的程序都不能使用,并且屏幕呈現灰色狀態。Windows關機效果如圖22.1所示。網頁中使用此效果好處:在網頁上運用這種關機效果有什么好處呢?首先,由于單擊某一鏈接后,將用戶此時不可用的操作隱藏在后臺閱讀全文
body{font-size:12px;} .main{width:800px;/*總的寬度*/ background:yellow; } .main.col-1{ float:left;/*這個是關鍵的地方讓col1往左浮動,這樣它的后面(右邊)就可以放置別的元素(別的元素:可以閱讀全文
是為了兼容IE/FF font-size:12px!important;font-size:13px;在IE里面,由于IE不理解!important,則字體大小按照最后設定的13px展示而FF里面,!important為提高優先級別,則字體大小按照!important標記的12px展示 "!im閱讀全文
<html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/> <title>提示信息框</title> <styletype=閱讀全文
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xh閱讀全文
總類(所有HTML文件都有的)文件類型<HTML></HTML>(放在檔案的開頭與結尾)文件主題<TITLE></TITLE>(必須放在「文頭」區塊內)文頭<HEAD></HEAD>(描述性資料,像是「主題」)文體<BOD閱讀全文
CSS常用網站布局實例單行一列以下是引用片段:body{margin:0px;padding:0px;text-align:center;}#content{margin-left:auto;margin-right:auto;width:400px;width:370px;}兩行一列以下是引用片段閱讀全文
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><html><head><title>DLTest</title><styletype="text/css">dl{閱讀全文