
關(guān)于pt和px的換算! px:說明:相對(duì)長度單位。像素(Pixel)。像素是相對(duì)于顯示器屏幕分辨率而言的。譬如,WONDOWS的用戶所使用的分辨率一般是96像素/英寸。而MAC的用戶所使用的分辨率一般是72像素/英寸。pt:說明:絕對(duì)長度單位。點(diǎn)(Point)。1in=2.54cm=25.閱讀全文
你在寫css時(shí)樣式表加上瀏覽器標(biāo)識(shí)符就行了,各瀏覽器區(qū)別如下:IE都能識(shí)別*,標(biāo)準(zhǔn)瀏覽器(如FF)不能識(shí)別*;IE6能識(shí)別*,但不能識(shí)別!important;IE7能識(shí)別*,也能識(shí)別!important;FF不能識(shí)別*,但能識(shí)別!important;例如style="*width:10px;!imp閱讀全文
以下為詳細(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)簡單的概念。但是,在實(shí)踐中對(duì)網(wǎng)頁進(jìn)行布局時(shí),它會(huì)造成許多混淆。簡單地說,當(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閱讀全文
以下為詳細(xì)代碼 <textarearows="4"cols="39"onMouseOver="this.focus()" onFocus="this.select()">當(dāng)鼠標(biāo)經(jīng)過表單,表單承現(xiàn)選擇狀效果</textarea> 閱讀全文
極酷的,漂亮的頁面loading等待頁面特效(2) 以下為詳細(xì)代碼 本特效共分三步: 1.在<head></head>中加入: <SCRIPTtype=text/javascript> <!-- varie5=(document.al閱讀全文
極酷的,漂亮的頁面loading等待頁面特效 以下為詳細(xì)代碼 本特效共分3步: 1.在<head></head>中加入: <STYLEtype=text/css> TD{ FONT-SIZE:9pt } .come{ BACKGROUND-C閱讀全文
一、驗(yàn)證類1、數(shù)字驗(yàn)證內(nèi)1.1整數(shù)1.2大于0的整數(shù)(用于傳來的ID的驗(yàn)證)1.3負(fù)整數(shù)的驗(yàn)證1.4整數(shù)不能大于iMax1.5整數(shù)不能小于iMin2、時(shí)間類2.1短時(shí)間,形如(13:04:06)2.2短日期,形如(2003-12-05)2.3長時(shí)間,形如(2003-12-0513:04:06)2.4閱讀全文
<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:閱讀全文
輸入框不可修改<inputtype="text"readonly="readonly"value="">readonly="readonly" input輸入框的一些屬性詳解 <inputname="variable"title="label"type="type"value=閱讀全文
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閱讀全文