-
CSS網(wǎng)頁(yè)布局中ID與Class的理解
2008-05-28XHTML CSS網(wǎng)頁(yè)布局中ID與class的理解應(yīng)用： 要是XHTML與CSS能面向?qū)ο蟆！Ｌ?yáng)應(yīng)該從北邊升起了。但是，凡事都應(yīng)該帶著OO的思想來(lái)看問(wèn)題，也勉強(qiáng)可以湊數(shù)拉。其實(shí)，早在零幾年就有人提出了OO-style，不過(guò)已找不到。 那要怎樣OO呢？現(xiàn)在大家都知道CSS是可以介樣寫(xiě)滴： . -
css布局實(shí)例:網(wǎng)頁(yè)布局的方法
2008-05-28許多網(wǎng)頁(yè)設(shè)計(jì)師都喜歡，將兩個(gè)或者多個(gè)容器等高的并排放置，并在里面展示每個(gè)容器的內(nèi)容，就象經(jīng)典表格布局中的單元格控制幾個(gè)欄目的位置，也喜歡容器的內(nèi)容居中或頂部對(duì)齊顯示。 但是你又不喜歡用table來(lái)實(shí)現(xiàn)他，那怎么辦呢？實(shí)現(xiàn)的方法很多，有根據(jù)視覺(jué)錯(cuò)覺(jué)實(shí)現(xiàn)的， -
提高CSS文件可維護(hù)性的五種方法
2008-05-28當(dāng)完成一項(xiàng)前端的工作之后，許多人都會(huì)忘記該項(xiàng)目的結(jié)構(gòu)與細(xì)節(jié)。然而代碼并不是馬上就能完全定型，在余下的時(shí)間里還有不斷的維護(hù)工作，而這些工作也許不會(huì)是你自己完成。所以，結(jié)構(gòu)優(yōu)良的代碼能很大程度上優(yōu)化它的可維護(hù)性。下面列出五種提高CSS文件可維護(hù)性的方法，也 -
學(xué)習(xí)完全掌握純CSS布局網(wǎng)頁(yè)
2008-05-28你正在學(xué)習(xí)CSS布局嗎？是不是還不能完全掌握純CSS布局？通常有兩種情況阻礙你的學(xué)習(xí)： 第一種可能是你還沒(méi)有理解CSS處理頁(yè)面的原理。在你考慮你的頁(yè)面整體表現(xiàn)效果前，你應(yīng)當(dāng)先考慮內(nèi)容的語(yǔ)義和結(jié)構(gòu)，然后再針對(duì)語(yǔ)義、結(jié)構(gòu)添加CSS。這篇文章將告訴你應(yīng)該怎樣把HTML結(jié)構(gòu) -
標(biāo)準(zhǔn)的DIV CSS布局對(duì)SEO的影響
2008-05-28SEO是指搜索引擎優(yōu)化，主要就是通過(guò)對(duì)網(wǎng)站的結(jié)構(gòu)、標(biāo)簽、排版等各方面的優(yōu)化，使搜索引擎更容易抓取網(wǎng)站的內(nèi)容，并且讓網(wǎng)站的各個(gè)網(wǎng)頁(yè)在等搜索引擎中獲得較高的評(píng)分，從而獲得較好的排名。DIVCSS網(wǎng)頁(yè)布局對(duì)SEO有著積極而富有意義的影響。查看本站更多搜索引擎優(yōu)化技巧 -
CSS開(kāi)發(fā)：合理的編碼與組織技巧
2008-05-28CSS代碼更清晰高效的一些經(jīng)驗(yàn)是許多網(wǎng)頁(yè)制作者與開(kāi)發(fā)者都關(guān)心的問(wèn)題。但是大概沒(méi)有什么魔法，可以保證一下就把你的樣式表縮小到百分之多少，合理的CSS 編碼與組織技巧，的確能夠幫助你的更有效率地寫(xiě)出更清晰高效的代碼，自然CSS樣式表大小的縮減還能減少下載的時(shí)間。 -
ie7空格的間距要比ie6/firefox/opera的都要大
2008-05-24發(fā)現(xiàn)ie7的空格間距要比ie6/firefox/opera的都要寬一點(diǎn)。比如有時(shí)候排版的時(shí)候，我會(huì)采用簡(jiǎn)單的空格來(lái)分隔。 div class=class1 a href=#文字1/a a href=#文字1/a a href=#文字1/a a href=#文字1/aa href=#文字1/a a href=#文字1/aa href=#文字1/a a href=#文字1/a /div -
利用css的clear屬性搞定廣告文字環(huán)繞效果
2008-05-24是否看見(jiàn)大站的廣告都是放在內(nèi)容中間實(shí)現(xiàn)文字環(huán)繞的呢，一般普通小站廣告只能放在內(nèi)容開(kāi)頭或者結(jié)尾，也許大站的cms系統(tǒng)帶這個(gè)功能吧，我們小站常用cms的基本沒(méi)這個(gè)功能，因?yàn)閮?nèi)容標(biāo)簽里面不可能再自動(dòng)加入一個(gè)廣告標(biāo)簽，除非你添加文章的時(shí)候手動(dòng)編輯，那不累死。 我也 -
網(wǎng)頁(yè)設(shè)計(jì)師必看：首頁(yè)head區(qū)代碼規(guī)范
2008-05-23head區(qū)是指首頁(yè)HTML代碼的head和/head之間的內(nèi)容。 必須加入的標(biāo)簽 1.公司版權(quán)注釋 !---ThesiteisdesignedbyMaketown,Inc06/2000--- 2.網(wǎng)頁(yè)顯示字符集 簡(jiǎn)體中文：METAHTTP-EQUIV=Content-TypeCONTENT=text/html;charset=gb2312 繁體中文：METAHTTP-EQUIV=Content-TypeC -
網(wǎng)站規(guī)劃要注意的12點(diǎn)要點(diǎn)和12點(diǎn)禁忌
2008-05-23前面我們分別討論了站點(diǎn)建設(shè)的一些個(gè)基本技巧。這里，我再扼要地歸納一下，特別希望給初入門(mén)者提個(gè)醒、開(kāi)個(gè)單子，叫網(wǎng)站規(guī)劃12要12不要。 十二要： 1.網(wǎng)站導(dǎo)航要清楚、簡(jiǎn)捷，回主頁(yè)的標(biāo)識(shí)要易找； 2.頁(yè)面標(biāo)題、營(yíng)銷(xiāo)主題要清晰易辨； 3.主頁(yè)要明確報(bào)出自己姓名、機(jī)構(gòu)(商 -
非常實(shí)用的技巧：網(wǎng)頁(yè)制作的妙招四則
2008-05-23由于網(wǎng)站正以驚人的速度在飛速增加，互連網(wǎng)通道是越來(lái)越擁擠了，網(wǎng)頁(yè)的下載速度也越來(lái)越慢，給網(wǎng)頁(yè)減重是網(wǎng)頁(yè)設(shè)計(jì)工作者首先考慮的問(wèn)題之一。減少圖片數(shù)量、降低圖片質(zhì)量、采用jpg、gif等壓縮圖片文件，如此等等，其目的都有是為了給網(wǎng)頁(yè)減重，提高傳輸速度。我這里再告 -
用css和js實(shí)現(xiàn)firefox和IE支持局部打印
2008-05-23介紹兩個(gè)關(guān)鍵的CSS style media=print .Noprint { DISPLAY: none } .PageNext{ PAGE-BREAK-AFTER: always } /style第一個(gè)在不需要打印的標(biāo)簽上添加（子標(biāo)簽也將不被打印），第二個(gè)在需要換行的 -
新手提示 學(xué)習(xí)CSS需要考慮的五個(gè)問(wèn)題
2008-05-23使用CSS需要牢記的幾點(diǎn) 目前總結(jié)了這么幾點(diǎn)，若有新的，再添加（： 1.跨瀏覽器訪(fǎng)問(wèn)的問(wèn)題（個(gè)人認(rèn)為這個(gè)是最重要的問(wèn)題）。有一本書(shū)《網(wǎng)站重構(gòu)》可以看看。 2.用作不同位置時(shí)，應(yīng)選用不同的css文件，以呈現(xiàn)不同的效果。Media：screen，printorother。因?yàn)轱@示與不同位 -
究竟是誰(shuí)的問(wèn)題 界面爛還是界面設(shè)計(jì)爛？
2008-05-23和以往的總監(jiān)會(huì)議一樣，在某個(gè)新功能的總監(jiān)級(jí)別討論會(huì)上，很多人再次又說(shuō)出了同樣的看法：我們網(wǎng)站的界面設(shè)計(jì)太爛了，不好看、不好用、而且很亂。 老板終于怒了。 抓來(lái)設(shè)計(jì)主管：你們是干什么吃的，為什么設(shè)計(jì)的東西這么差？！，商品搜索的列表頁(yè)那么多信息，太亂了， -
用交叉設(shè)計(jì)方式來(lái)促進(jìn)網(wǎng)站風(fēng)格的統(tǒng)一性
2008-05-23不少公司都問(wèn)到了如何保證網(wǎng)站風(fēng)格統(tǒng)一的問(wèn)題，特別是有多條產(chǎn)品線(xiàn)的網(wǎng)站。沒(méi)錯(cuò)，保持風(fēng)格統(tǒng)一確實(shí)是網(wǎng)站的一個(gè)大問(wèn)題，不僅僅是視覺(jué)、文字的表面統(tǒng)一，還包括頁(yè)面架構(gòu)以及交互流程、交互方式的統(tǒng)一，此處不再多說(shuō)。為只有統(tǒng)一的網(wǎng)站才能給用戶(hù)更好的統(tǒng)一體驗(yàn)。幾乎每 -
使用DIV之后,到什么時(shí)候才使用TABLE?
2008-05-23今天有一好友MSN上突然問(wèn)我這個(gè)話(huà)題,突然想到其實(shí)在論壇里面,關(guān)于DIV和TABLE表格的使用疑問(wèn)有不少人發(fā)過(guò)貼子問(wèn)過(guò),這里我想整理一下我的思路! 關(guān)于表格 使用WEB標(biāo)準(zhǔn)之后,并不是說(shuō)排除表格的使用,表格并不是雞肋,而正好相反是一道大餐,之所以在很多關(guān)于CSS布局的文章中常 -
CSS中級(jí)教程 組合與嵌套
2008-05-16組合 你不必重復(fù)有相同屬性的多個(gè)選擇符，你只要用英文逗號(hào)（,）隔開(kāi)選擇符就可以了。 比如，你有如下的代碼： h2 { color: red; } .thisOtherClass { color: red; } .yetAnotherClass { color: red; } 則你可以這樣寫(xiě)： h2, .thisOtherClass, .yetAnotherClass { colo -
網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ)：RGB與HSB
2008-05-05在實(shí)用美術(shù)中，常有遠(yuǎn)看色彩近看花，先看顏色后看花，七分顏色三分花的說(shuō)法。 這也就說(shuō)明，在任何設(shè)計(jì)中，色彩對(duì)視覺(jué)的刺激起到第一信息傳達(dá)的作用。因此，對(duì)色彩的基礎(chǔ)知識(shí)的良好掌控，在網(wǎng)頁(yè)設(shè)計(jì)中才能做到游刃有余。 為了使下面的網(wǎng)頁(yè)配色分析更易于理解，我們先來(lái) -
html編輯器的回車(chē)換行問(wèn)題解決方案
2008-05-04在html編輯器中，一般默認(rèn)按回車(chē)總是出現(xiàn)p /p，當(dāng)然按shift+enter可以是直接加br，而很多人希望按回車(chē)就是br換行而不是分段。 一直有人問(wèn)我這個(gè)問(wèn)題，而我沒(méi)有寫(xiě)代碼測(cè)試就認(rèn)為在onkeydown里面判斷event.keyCode==13就可以判斷并解決，而后來(lái)發(fā)現(xiàn)似乎并沒(méi)有人能用這種 -
創(chuàng)建一個(gè)純CSS的水平導(dǎo)航條
2008-04-29導(dǎo)航條由放在一行表格單元里的圖形圖像構(gòu)成。由于人們不再推薦用表格來(lái)定位任何非表格的頁(yè)面內(nèi)容，所以很多制作Web的人正在尋找（新的）方法，用結(jié)構(gòu)化的 XHTML標(biāo)記和CSS格式來(lái)創(chuàng)建導(dǎo)航條。 一個(gè)簡(jiǎn)單的CSS導(dǎo)航條 創(chuàng)建CSS樣式文本導(dǎo)航條的最簡(jiǎn)單解決方法也許就是把所有
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- CSS網(wǎng)頁(yè)布局語(yǔ)義化探討
- 做到結(jié)構(gòu)(XHTML)，表現(xiàn)(CSS)，行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- W3C驗(yàn)證中10個(gè)常見(jiàn)問(wèn)題
- DIV CSS\讓搜索引擎蜘蛛不再累
- CSSer新手寄語(yǔ)：開(kāi)始標(biāo)準(zhǔn)之路
- 結(jié)構(gòu)(Structure)表現(xiàn)(Presentation)和行為(Behavior)
- CSS如何定義文字大小以體現(xiàn)用戶(hù)體驗(yàn)
- CSS中HTML標(biāo)簽語(yǔ)義化詳解
- 幾種CSS及網(wǎng)站開(kāi)發(fā)常犯的錯(cuò)誤
猜你也喜歡看這些
- 相關(guān)鏈接：
- 欄目說(shuō)明：
WEB 標(biāo)準(zhǔn)教程:提供WEB 標(biāo)準(zhǔn)教程,WEB 2.0 標(biāo)準(zhǔn)教程.