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