正確使用a標(biāo)簽 href：設(shè)置鏈接的url地址或錨點(diǎn)target：設(shè)置鼠標(biāo)點(diǎn)擊鏈接后的目標(biāo)窗口或框架頁面，一般常用的是target="_blank"，表示新開一個(gè)窗口打開鏈接，向在當(dāng)前頁面打開鏈接就不用加這個(gè)屬性了title：設(shè)置鼠標(biāo)移動到鏈接上時(shí)顯示的提示信息rel：這個(gè)是最近才開始流行的新屬性閱讀全文
應(yīng)用CSS制作的新聞網(wǎng)站中的文章列表：ul是html中的無序列表，li是列表中的列表項(xiàng)。如果沒有CSS定義它的外觀，它默認(rèn)是顯示成一列列表，并且它會存在項(xiàng)目符號(比如方塊或?qū)嵭牡暮邳c(diǎn))的列表內(nèi)容。CSS網(wǎng)頁布局中，除了新聞列表、鏈接運(yùn)行ul、li制作以外，我們通常將菜單也用ul、li來實(shí)現(xiàn)。 閱讀全文
css對文字的布局上沒有靠容器底部對齊的參數(shù)，目前使用的一個(gè)不錯(cuò)的方法也比較好.就是用position屬性來解決，看下面的代碼，用position的相對和絕對定位功能也輕松的實(shí)現(xiàn)了，文字靠近div低部對齊，并且靠近的距離還可以精確到像素，自己可以調(diào)節(jié)，是不是很不錯(cuò)呢? 以下是引用片閱讀全文
在做布局的過程中常常遇到文字圍繞圖片的效果。如何用CSS實(shí)現(xiàn)文字環(huán)繞圖片的效果呢，通過這個(gè)例子就能看出。 其實(shí)很簡單，就是圖片浮動位置的調(diào)整。 以下是引用片段： <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""ht閱讀全文
DIV與TABLE本身并不存在什么優(yōu)缺點(diǎn)，所謂web標(biāo)準(zhǔn)只是推薦的是正確的使用標(biāo)簽，好比說：DIV用于布局，而TABLE則本來就是轉(zhuǎn)二維數(shù)據(jù)的。讓TABLE做該做的事，并不是說頁面里不出現(xiàn)TABLE就是多么多么牛。 DIV是標(biāo)準(zhǔn)，是大勢所趨，但并不意味著所有的頁面都適合用它來做。 中國的閱讀全文
字體的處理在網(wǎng)頁設(shè)計(jì)中無論怎么強(qiáng)調(diào)也不為過，畢竟網(wǎng)頁使用來傳遞信息的，而最經(jīng)典最直接的信息傳遞方式就是文字，所以，了解一點(diǎn)字體的基本知識對于設(shè)計(jì)來說還是非常重要的。 中文和英文的最大區(qū)別就是中文是方塊字，英文是拼音文字，這對字體的處理的影響是巨大的?？纯聪旅娴膱D示就會發(fā)現(xiàn)，英文字體里的那些變化閱讀全文
Div+CSS進(jìn)行網(wǎng)頁布局，適當(dāng)?shù)剡\(yùn)用absolute與relative，能給布局帶來意想不到的效果和方便，達(dá)到事半功倍…本文介紹了關(guān)于absolute與relative的運(yùn)用。 詳細(xì)講解兩者的關(guān)系，需要配合例子，請先看例子： 以下是引用片段：<!DOCTYPEhtmlPU閱讀全文
一、空格運(yùn)算符 （1）CSS語言簡單地說，CSS語言類似JS語言，是通過客戶端下載后，通過本地瀏覽器解析。而CSS語言又是非常低級的“弱類型”語言，離JS這種基于對象的比較完善的“弱類型”語言，還差相當(dāng)一段距離。要知道CSS樣式是定義出來的，而樣式的呈現(xiàn)是根據(jù)文檔流順序和CSS優(yōu)先級別，瀏覽器自己閱讀全文
樣式單的一個(gè)最重要的特點(diǎn)就是它可以作用于多種媒體，比如頁面、屏幕、電子合成器等等。特定的屬性只能作用于特定的媒體，如"font-size"屬性只對可卷動的媒體類型有效(屏幕)。 聲明一個(gè)媒體屬性可以用@import或@media引入： 以下是引用片段：@importurl(lou閱讀全文
XHTML里有很多的標(biāo)簽，但是經(jīng)常用到的也就是那么幾個(gè)，也只要把握這幾個(gè)也就可以了。下面我們一一列舉：div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em 一段時(shí)間以來，發(fā)現(xiàn)有很多人XHTML都不會用，不光是普通的初學(xué)者，有的程序員都不是很清楚該怎么寫這個(gè)XHTM閱讀全文
CSS＋DIV是網(wǎng)站標(biāo)準(zhǔn)（或稱“WEB標(biāo)準(zhǔn)”）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設(shè)計(jì)語言中的表格（table）定位方式的區(qū)別，因?yàn)閄HTML網(wǎng)站設(shè)計(jì)標(biāo)準(zhǔn)中，不再使用表格定位技術(shù)，而是采用cssdiv的方式實(shí)現(xiàn)各種定位。應(yīng)用應(yīng)用DIVCSS編碼時(shí)很輕易犯一些錯(cuò)誤。本文列舉了一些常見的錯(cuò)誤： 閱讀全文
用過CSS樣式我們就知道,可以定義一批對象的class屬性來指定同一個(gè)樣式來統(tǒng)一界面.但如何統(tǒng)一同類型的對象的事件?比如:界面有無數(shù)個(gè)<imgsrc="**.jpg">如何實(shí)現(xiàn)鼠標(biāo)經(jīng)過此圖片,圖片的src變成是**_over.jpg?解決方法:使用css的expression方法,具體實(shí)閱讀全文
本文列舉了兼容IE和FF的換行CSS推薦樣式，詳細(xì)介紹了word-wrap同word-break的區(qū)別。 兼容IE和FF的換行CSS推薦樣式 最好的方式是 以下是引用片段： word-wrap:break-word;overflow:hidden; 而不是 閱讀全文
原理 將二個(gè)相同而色彩不同的文字重合在一起，通過分別給其加clip屬性，使上面和下面的文字被剪切位置不同，從而產(chǎn)生二種不同的色彩。 以下是引用片段：clip:auto|rect(numbernumbernumbernumber)參數(shù):auto: 對象無剪切rect(numbern閱讀全文
通過指定每一鍵接的不同風(fēng)格以建立CSS翻滾效果，這些鏈接包括普通的鏈接link(normal),訪問，翻轉(zhuǎn)，以及激活。并且，你可能也知道CSS類型的順序可以產(chǎn)生效果上的差別，CSS代碼后順序的風(fēng)格將會取代針對于相同元素的前順序的風(fēng)格。建立翻滾效果的類型順序顯得相當(dāng)重要。 現(xiàn)在讓我們看看如何安排閱讀全文
用慣了Windows的人對各種各樣的鼠標(biāo)樣式一定不會陌生。當(dāng)鼠標(biāo)移動到不同的地方時(shí)，當(dāng)鼠標(biāo)執(zhí)行不同的功能時(shí)，當(dāng)系統(tǒng)處于不同的狀態(tài)時(shí)，都會使鼠標(biāo)的形狀發(fā)生變化。而在網(wǎng)頁上往往只有當(dāng)鼠標(biāo)在超級鏈接上時(shí)才出現(xiàn)一個(gè)手形，在其它地方似乎沒有什么變化，同充滿動感的網(wǎng)頁顯得不怎么和諧。實(shí)際上，用CSS可以方便地定閱讀全文
“Lightbox”是一個(gè)別致且易用的圖片顯示效果，它可以使圖片直接呈現(xiàn)在當(dāng)前頁面之上而不用轉(zhuǎn)到新的窗口。lightbox效果網(wǎng)絡(luò)上有很多js版本的介紹。不過都下載一個(gè)lightbox的js小則幾十K，大則上百K。如果你只是需要一個(gè)類似Lightbox的效果，這種百分之百純CSS制造，不含js的辦法閱讀全文
用過css樣式我們就知道,可以定義一批對象的class屬性來指定同一個(gè)樣式來統(tǒng)一界面.但如何統(tǒng)一同類型的對象的事件?比如:界面有無數(shù)個(gè)<imgsrc="**.jpg">如何實(shí)現(xiàn)鼠標(biāo)經(jīng)過此圖片,圖片的src變成是**_over.jpg?解決方法:使用css的expression方法,具體實(shí)閱讀全文
XHTML是XML的一個(gè)應(yīng)用，一些在基于SGML的HTML4中完全合法的習(xí)慣在XHTML中必須改變。編排良好性Well-formedness是[XML]引入的一個(gè)新概念。從本質(zhì)上說，這意味著元素必須有結(jié)束標(biāo)簽，或者必須以特殊方式書寫，了解web標(biāo)準(zhǔn)有關(guān)代碼的規(guī)范可以幫助你少走彎路,盡快通過代碼校驗(yàn)。閱讀全文
一、長度單位 長度單位是Web頁設(shè)計(jì)中最常用的一個(gè)單位。一個(gè)排列無序、雜亂無章的頁面不可能給人們留下什么好的印象。于是，在設(shè)計(jì)的時(shí)候需要為元素的位置、尺寸精確地定義一些值，以使其達(dá)到預(yù)期的效果。 CSS的主要功能之一就是CSS定位，這個(gè)定位的概念即包括位置的定位，也包括尺寸的定位。無論哪一種閱讀全文
蘇公網(wǎng)安備 32070502010230號