
以下為詳細代碼 div默認高度根據內容自動適應高度 asfasdf asfasdf asfasdf asfasdf asfasdf asfasdf asfasdf asfasdf asfasdf asfasdfasfasd閱讀全文
ul,li設置新聞列表,超出范圍對象,自動隱藏,<style>.leftmain{margin-top:8px;width:300px;height:230px;overflow:auto;line-height:32px;text-indent:2em;font-size:12px;}閱讀全文
W3C定義的盒模式如下: width和height定義的是Content部分的寬度和高度,paddingbordermargin的寬度依次加在外面。背景會填充padding和content部分。但是由于瀏覽器設計上的問題,不同瀏覽器顯示效果會有些不同。左右Margin加倍的問題當box為float閱讀全文
邊界疊加是一個相當簡單的概念。但是,在實踐中對網頁進行布局時,它會造成許多混淆。簡單地說,當兩個垂直邊界相遇是,它們將形成一個邊界,這個邊界的高度等于兩個邊界高度中的較大者。 例如:我們在網頁里加入兩個層 以下為詳細代碼 <divid="a"></div&閱讀全文
.main{width/**/:309px;}/*專門針對ie5.5設置的標簽*/*html.main{width:309px;}/*專門針對ie6設置的標簽*/*+html.main{width:309px;}/*專門針對ie7設置的標簽*/ 以下為詳細代碼 <!DOCTYP閱讀全文
<html> <title>DIV中文字垂直居中</title> <styletype="text/css"> *{margin:0;border:0;padding:0;} /*定義最外層*/ #outer{width:100%;heigh閱讀全文
<styletype="text/css"> .box1{border:1px#ccccccsolid;width:500px;height:200px;position:relative;} .box2{border:1px#f00solid;width:198px;height:閱讀全文
PNG半透明背景圖片效果 PNG圖片在網頁設計中扮演著一個很重要的角色,利用PNG圖片的特點可以制作出實用,絢麗的效果,可是對于PNG圖片的支持卻不是很理想,Firefox和Opera對PNG支持的比較好,特別是Firefox瀏覽器。可是IE卻不理PNG,使得設計者無法很隨意的使用png圖片。 閱讀全文
<divstyle="height:0px;font-size:0px;background:#f00;width:100px;"></div> 問:為什么我設置的div的高度是1px,為什么看不到效果啊,div老是那么高。 答:給你的div加一個屬性:font-size閱讀全文
關于css里面的陰影效果,我可以本能反映的使用濾鏡DropShadow,問題就是今天發生的問題,居然讓我思考了15分鐘,最初始我的樣式寫法: filter:progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=5,offY=5,p閱讀全文
光標類型CSS把你的光標放到相應文字上查看效果要注意光標的實際效果依賴于用戶的系統設置,與你在這里看到的效果并不一定一致。 十字準心cursor:crosshair; 手型cursor:pointer;(IE與FF都支持)cursor:hand;(只有IE支持FF不支持) 寫兩個是為了照顧IE閱讀全文
CSS中用四個偽類來定義鏈接的樣式,分別是:a:link、a:visited、a:hover和a:active,例如: a:link{font-weight:bold;text-decoration:none;color:#c00;} a:visited{font-weight:bold;tex閱讀全文
<spanid="ArticleContent1_ArticleContent1_lblContent"><style> .btn{ BORDER-RIGHT:#7b9ebd1pxsolid;PADDING-RIGHT:2px;BORDER-TOP:#7b9ebd閱讀全文
巧用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閱讀全文