盡管對(duì)于現(xiàn)如今的帶寬來(lái)說(shuō)，網(wǎng)頁(yè)文件那僅以K來(lái)算的大小實(shí)在是微不足道，但如何將這以K來(lái)計(jì)算的網(wǎng)頁(yè)文件精簡(jiǎn)到最小還是網(wǎng)頁(yè)設(shè)計(jì)師們所應(yīng)該考慮的問(wèn)題之一。 眾所周之，在不影響整個(gè)網(wǎng)頁(yè)構(gòu)架與功能的情況下，網(wǎng)頁(yè)文件越小越好，因?yàn)楦〉木W(wǎng)頁(yè)文件有利于瀏覽器對(duì)網(wǎng)頁(yè)的解釋時(shí)間縮到更短，自然訪客也就不用面臨等待網(wǎng)頁(yè)緩閱讀全文
1.若有疑問(wèn)立即檢測(cè) 在出錯(cuò)時(shí)若能對(duì)原始代碼做簡(jiǎn)單檢測(cè)可以省去很多頭痛問(wèn)題。W3C對(duì)于XHTML與CSS都有檢測(cè)工具可用，請(qǐng)見http://validator.w3.org請(qǐng)注意，在文件開頭的錯(cuò)誤，可能因?yàn)椴划?dāng)?shù)慕Y(jié)構(gòu)等因素造成更多錯(cuò)誤；我們建議先修正一些最明顯的錯(cuò)誤之后重新檢測(cè)，這樣也許會(huì)讓錯(cuò)誤數(shù)閱讀全文
css標(biāo)準(zhǔn)里面的DOCTYPE不可怕，但把它拿走，會(huì)讓你怕了又怕。 最近在藍(lán)色理想轉(zhuǎn)悠，發(fā)現(xiàn)很多朋友提出有關(guān)DIV+CSS排版問(wèn)題，以及IE與FF的兼容問(wèn)題。怎么問(wèn)的都有，結(jié)果就是一個(gè)——顯示很奇怪，很難調(diào)整。我們?yōu)g覽的大多數(shù)網(wǎng)站，或者用Dreamweaver創(chuàng)建一個(gè)新的網(wǎng)頁(yè)文檔時(shí)，源碼的頂部都會(huì)閱讀全文
CSS框架之利： 1、開發(fā)效率的提高。如果你是一個(gè)企業(yè)建站的前端開發(fā)，相信在大部分時(shí)間里進(jìn)行著同類站點(diǎn)的代碼工作。定義好的框架可以大大提高你的工作效率，避免一些常見的錯(cuò)誤。如果你的工作是按件計(jì)費(fèi)的，你的報(bào)酬一定會(huì)比別人多。 2、規(guī)范代碼命名。在多個(gè)站點(diǎn)中你可能會(huì)用到一些同樣的CLASS或ID。如閱讀全文
CSS對(duì)瀏覽器器的兼容性具有很高的價(jià)值，通常情況下IE和Firefox存在很大的解析差異，這里介紹一下兼容要點(diǎn)。 常見兼容問(wèn)題： 1.DOCTYPE影響CSS處理 2.FF:div設(shè)置margin-left,margin-right為auto時(shí)已經(jīng)居中,IE不行 3.FF:body設(shè)置tex閱讀全文
div+css常用單位 相對(duì)長(zhǎng)度單位RelativeLengthUnits em說(shuō)明：相對(duì)長(zhǎng)度單位。相對(duì)于當(dāng)前對(duì)象內(nèi)文本的字體尺寸。如當(dāng)前行內(nèi)文本的字體尺寸未被人為設(shè)置，則相對(duì)于瀏覽器的默認(rèn)字體尺寸。示例：div{font-size:1.2em;} ex說(shuō)明：相對(duì)長(zhǎng)度單位。相對(duì)于字符“x”閱讀全文
常用的CSS命名規(guī)則 頁(yè)頭：header登錄條：loginBar標(biāo)志：logo側(cè)欄：sideBar廣告：banner導(dǎo)航：nav子導(dǎo)航：subNav菜單：menu子菜單：subMenu搜索：search滾動(dòng)：scroll頁(yè)面主體：main內(nèi)容：content標(biāo)簽頁(yè)：tab文章列表：list提示信息閱讀全文
一段文字，當(dāng)鼠標(biāo)在文字上面單擊，文字消失，原來(lái)文字的地方卻立即變成了一張圖片，當(dāng)鼠標(biāo)在圖片上單擊，圖片又消失，原來(lái)的文字又重現(xiàn)了，像變魔術(shù)一樣，是不是有意思?!這種效果用Dreamweaver的Behavirs功能也可實(shí)現(xiàn)，但那要增加一段Javascript程序，明顯增加了不少代碼。而用CSS來(lái)制作閱讀全文
容器高度100%是經(jīng)常用到的需求，任何容器都可以實(shí)現(xiàn)，而且不需要嵌套關(guān)系。 把body看作是一個(gè)容器，做為內(nèi)部對(duì)象的上層標(biāo)簽，他的高度設(shè)置為100%是關(guān)鍵。 最基本的例子 以下是引用片段： *{margin:0;padding:0;border:0;} html,b閱讀全文
Step1.不要一味使用DW等工具設(shè)計(jì)網(wǎng)頁(yè)，去熟悉(X)HTML語(yǔ)言和CSS語(yǔ)言因?yàn)閣eb標(biāo)準(zhǔn)對(duì)代碼的要求提高了，沒(méi)有對(duì)xhtml代碼沒(méi)有一定的了解是無(wú)法通過(guò)校檢的。DW工具也可以使用，但是要看著代碼寫網(wǎng)頁(yè)了。首先是xhtml代碼，不是很多，知道他們?nèi)绾问褂茫趺凑_書寫，而且要記得封閉tag。如&閱讀全文
HTML只是賦予內(nèi)容的手段，大部分HTML標(biāo)簽都有其意義（標(biāo)簽p創(chuàng)建段落，h1標(biāo)簽創(chuàng)建標(biāo)題等等）的，然而span和div標(biāo)簽似乎沒(méi)有任何內(nèi)容上的意義，聽起來(lái)就像一個(gè)泡沫做成的錘子一樣無(wú)用。但實(shí)際上，與CSS結(jié)合起來(lái)后，它們被用得十分廣泛。 它們被用來(lái)組合一大塊的HTML代碼并賦予一定的信息，大部分閱讀全文
在網(wǎng)上找的兼容ie和火狐ff的透明度設(shè)置。 利用： alpha透明度設(shè)置，以下是用到的參數(shù)說(shuō)明 opacity:可選項(xiàng)。整數(shù)值(Integer)。設(shè)置或檢索透明漸變的開始透明度。取值范圍為0-100。默認(rèn)值為0，即完全透明。100為完全不透明。opacity:可選項(xiàng)。整數(shù)值(Integer閱讀全文
這時(shí)為元素添加border屬性確定元素邊界，錯(cuò)誤原因即水落石出。不管float元素的內(nèi)容如何，一定要為其指定width屬性。某些屬性如margin、padding等，不同瀏覽器會(huì)有不同的解釋。 1.檢查HTML元素是否有拼寫錯(cuò)誤、是否忘記結(jié)束標(biāo)記 即使是老手也經(jīng)常會(huì)弄錯(cuò)div的嵌套關(guān)閱讀全文
class和id的值在HTML和XHTML中也是區(qū)分大小寫的，如果你一定要大小寫混合寫，請(qǐng)仔細(xì)確認(rèn)你在CSS的定義和XHTML里的標(biāo)簽是一致的。例如：我們先定義兩個(gè)樣式，第一個(gè)樣式背景為#666;第二個(gè)樣式有10px的邊框。這樣最終的顯示效果是這個(gè)div既有#666的背景，也有10px的邊框。 閱讀全文
寫規(guī)則 當(dāng)使用css定義字體時(shí)你可能會(huì)這樣做： font-size:1em; line-height:1.5em; font-weight:bold; font-style:italic; font-variant:small-caps; font-family:verdana,s閱讀全文
這里引用的是Jorux的“95%的中國(guó)網(wǎng)站需要重寫CSS”的文章，題目有點(diǎn)嚇人，但是確實(shí)是現(xiàn)在國(guó)內(nèi)網(wǎng)頁(yè)制作方面的一些缺陷。我一直也搞不清楚px與em之間的關(guān)系和特點(diǎn)，看過(guò)以后確實(shí)收獲很大。平時(shí)都是用px來(lái)定義字體，所以無(wú)法用瀏覽器字體放大的功能，而國(guó)外大多數(shù)網(wǎng)站都可以在IE下使用。因?yàn)? 1.IE無(wú)閱讀全文
HTML已經(jīng)嘗試去除表現(xiàn)和朝向內(nèi)容發(fā)展，導(dǎo)致這樣一個(gè)基本原理：從表現(xiàn)（CSS）中分離出內(nèi)容意義（HTML）。這將會(huì)給網(wǎng)頁(yè)減肥，因?yàn)橐粋€(gè)表現(xiàn)指令集合（以外部CSS文檔的形式）可以應(yīng)用到多個(gè)頁(yè)面。這也會(huì)使網(wǎng)站更易于治理因?yàn)槿肿儎?dòng)可以從修改一個(gè)單獨(dú)的文件得到。 部分不良標(biāo)簽基本上是表現(xiàn)標(biāo)簽（比如sma閱讀全文
LI代碼的格式化:A).運(yùn)用CSS格式化列表符：ulli{list-style-type:none;}B).假如你想將列表符換成圖像，則：ulli{list-style-type:none;list-style-image:url(/blog/images/icon.gif);}C).為了左對(duì)齊，可閱讀全文
使用DIV+CSS排版不是用換個(gè)標(biāo)簽然后再去按照表格的方式去排版，而是做到內(nèi)容與表現(xiàn)的分離。 1:ID用于標(biāo)識(shí)頁(yè)面單獨(dú)元素以及持久行的結(jié)構(gòu)性元素方便JS的調(diào)用 類用于標(biāo)識(shí)同一頁(yè)面可重復(fù)定義使用的結(jié)構(gòu)性元素ID與類的命名需與表現(xiàn)形式無(wú)關(guān)：leftContent而使用有意義的定義方式：sideBar閱讀全文
CSS布局實(shí)例:上中下三行布局，上下定高，中間欄自適應(yīng)瀏覽器高度，且內(nèi)容垂直居中。本文代碼在firefox2.0/winie6/winie7/opera8.5cn/winsafari測(cè)試通過(guò)。對(duì)于非ie內(nèi)核瀏覽器，通過(guò)設(shè)定display:table、display:table-row和display閱讀全文
蘇公網(wǎng)安備 32070502010230號(hào)