
以下為詳細代碼 div默認高度根據(jù)內(nèi)容自動適應(yīng)高度 asfasdf asfasdf asfasdf asfasdf asfasdf asfasdf asfasdf asfasdf asfasdf asfasdfasfasd閱讀全文
ul,li設(shè)置新聞列表,超出范圍對象,自動隱藏,<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部分。但是由于瀏覽器設(shè)計上的問題,不同瀏覽器顯示效果會有些不同。左右Margin加倍的問題當box為float閱讀全文
邊界疊加是一個相當簡單的概念。但是,在實踐中對網(wǎng)頁進行布局時,它會造成許多混淆。簡單地說,當兩個垂直邊界相遇是,它們將形成一個邊界,這個邊界的高度等于兩個邊界高度中的較大者。 例如:我們在網(wǎng)頁里加入兩個層 以下為詳細代碼 <divid="a"></div&閱讀全文
.main{width/**/:309px;}/*專門針對ie5.5設(shè)置的標簽*/*html.main{width:309px;}/*專門針對ie6設(shè)置的標簽*/*+html.main{width:309px;}/*專門針對ie7設(shè)置的標簽*/ 以下為詳細代碼 <!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圖片在網(wǎng)頁設(shè)計中扮演著一個很重要的角色,利用PNG圖片的特點可以制作出實用,絢麗的效果,可是對于PNG圖片的支持卻不是很理想,F(xiàn)irefox和Opera對PNG支持的比較好,特別是Firefox瀏覽器。可是IE卻不理PNG,使得設(shè)計者無法很隨意的使用png圖片。 閱讀全文
<divstyle="height:0px;font-size:0px;background:#f00;width:100px;"></div> 問:為什么我設(shè)置的div的高度是1px,為什么看不到效果啊,div老是那么高。 答:給你的div加一個屬性:font-size閱讀全文
關(guān)于css里面的陰影效果,我可以本能反映的使用濾鏡DropShadow,問題就是今天發(fā)生的問題,居然讓我思考了15分鐘,最初始我的樣式寫法: filter:progid:DXImageTransform.Microsoft.DropShadow(color=#666,offX=5,offY=5,p閱讀全文
光標類型CSS把你的光標放到相應(yīng)文字上查看效果要注意光標的實際效果依賴于用戶的系統(tǒng)設(shè)置,與你在這里看到的效果并不一定一致。 十字準心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閱讀全文
使用css縮寫使用縮寫可以幫助減少你CSS文件的大小,更加容易閱讀。css縮寫的主要規(guī)則請參看《常用css縮寫語法總結(jié)》,這里就不展開描述。二.明確定義單位,除非值為0忘記定義尺寸的單位是CSS新手普遍的錯誤。在HTML中你可以只寫width=100,但是在CSS中,你必須給一個準確的單位,比如:w閱讀全文
<spanid="ArticleContent1_ArticleContent1_lblContent"><style> .btn{ BORDER-RIGHT:#7b9ebd1pxsolid;PADDING-RIGHT:2px;BORDER-TOP:#7b9ebd閱讀全文
巧用CSS中的expression來區(qū)分只讀文本框 對于文本框,只讀狀態(tài)下和普通狀態(tài)下,瀏覽器對其并沒有做什么特殊的標記,表面看來,效果是一樣的,這樣,對用戶來說,易用性并不是很高. 當然,我們可以改變只讀文本框的背景顏色來加以區(qū)分,這個時候就需要程序員自己判斷這個文本框是不是只讀,然后再引入相閱讀全文
IE5及其以后版本支持在CSS中使用expression,用來把CSS屬性和Javascript表達式關(guān)聯(lián)起來,這里的CSS屬性可以是元素固有的屬性,也可以是自定義屬性。就是說CSS屬性后面可以是一段Javascript表達式,CSS屬性的值等于Javascript表達式計算的結(jié)果。在表達式中可以直閱讀全文
以往用的<ahref="#"title=""target="_blank">打開方式</a> 以往用的target="_blank"是不符合web2.0標準 以下的方式,是符合web2.0打開鏈接方式 a:active{text:expression(target=閱讀全文
web2.0中流行的設(shè)計元素:顏色,顏色的變化跟人類的智慧一樣,是無窮的,每個階段都會有流行的色彩,有屬于一個時代的顏色!WEB2.0是一個概念,它宣揚,定位了一些東西,以用戶為中心,群體智慧,分享等等,等等.同時順應(yīng)這些需求,一些頂尖的設(shè)計師和開發(fā)者賦予并領(lǐng)導(dǎo)了一些色彩流行趨勢.我憑感覺做了部分歸閱讀全文
主流web2.0網(wǎng)站的配色參考方案 Shinysilver[#EEEEEE] Redditwhite[#FFFFFF] MagnoliaMag.nolia[#F9F7ED] Interactiveactionyellow[#FFFF88] QoopMint[#CDEB8閱讀全文