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