
class和id的值在HTML和XHTML中也是區分大小寫的,如果你一定要大小寫混合寫,請仔細確認你在CSS的定義和XHTML里的標簽是一致的。例如:我們先定義兩個樣式,第一個樣式背景為#666;第二個樣式有10px的邊框。這樣最終的顯示效果是這個div既有#666的背景,也有10px的邊框。 閱讀全文
寫規則 當使用css定義字體時你可能會這樣做: font-size:1em; line-height:1.5em; font-weight:bold; font-style:italic; font-variant:small-caps; font-family:verdana,s閱讀全文
這里引用的是Jorux的“95%的中國網站需要重寫CSS”的文章,題目有點嚇人,但是確實是現在國內網頁制作方面的一些缺陷。我一直也搞不清楚px與em之間的關系和特點,看過以后確實收獲很大。平時都是用px來定義字體,所以無法用瀏覽器字體放大的功能,而國外大多數網站都可以在IE下使用。因為 1.IE無閱讀全文
HTML已經嘗試去除表現和朝向內容發展,導致這樣一個基本原理:從表現(CSS)中分離出內容意義(HTML)。這將會給網頁減肥,因為一個表現指令集合(以外部CSS文檔的形式)可以應用到多個頁面。這也會使網站更易于治理因為全局變動可以從修改一個單獨的文件得到。 部分不良標簽基本上是表現標簽(比如sma閱讀全文
PR是英文Pagerank的縮寫形式,Pagerank取自Google的創始人LarryPage,它是Google排名運算法則(排名公式)的一部分,Pagerank是Google對網頁重要性的評估,是Google用來衡量一個網站的好壞的唯一標準。PR值的級別從1到10級,10級為滿分。PR值越高說明閱讀全文
LI代碼的格式化:A).運用CSS格式化列表符:ulli{list-style-type:none;}B).假如你想將列表符換成圖像,則:ulli{list-style-type:none;list-style-image:url(/blog/images/icon.gif);}C).為了左對齊,可閱讀全文
使用DIV+CSS排版不是用換個標簽然后再去按照表格的方式去排版,而是做到內容與表現的分離。 1:ID用于標識頁面單獨元素以及持久行的結構性元素方便JS的調用 類用于標識同一頁面可重復定義使用的結構性元素ID與類的命名需與表現形式無關:leftContent而使用有意義的定義方式:sideBar閱讀全文
CSS布局實例:上中下三行布局,上下定高,中間欄自適應瀏覽器高度,且內容垂直居中。本文代碼在firefox2.0/winie6/winie7/opera8.5cn/winsafari測試通過。對于非ie內核瀏覽器,通過設定display:table、display:table-row和display閱讀全文
外貿企業對網站于企業的重要性已有了較深的理解,專門針對海外客戶的英文網站也越來越受外貿企業所重視,但是對如何做一個符合海外客戶習慣的英文網站卻不甚了解,以致這些外貿企業在建站過程中存在許多誤區。全球電子商務專家中國諾網依據專業知識及多年的英文建站經驗,為有英文建站需求的外貿企業提供英文建站的詳細介紹閱讀全文
一、記得幫頁面減肥 我們瀏覽網頁實際上是將虛擬主機中的網頁內容下載到本地硬盤,再用瀏覽器解釋查看的。下載網頁的快慢在顯示速度上占了很大比重,所以,網頁本身所占的空間越小,那么瀏覽速度就會越快。這就要求在做網頁的時候遵循一切從簡的原則,如:不要使用太大的Flash動畫、圖片等資源。干凈、簡潔的頁面會閱讀全文
正確使用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閱讀全文
網站優化:可以從狹義和廣義兩個方面來說明。狹義的網站優化,即搜索引擎優化,也就是讓網站設計適合搜索引擎檢索,滿足搜索引擎排名的指標,從而在搜索引擎檢索中獲得排名靠前,增強搜索引擎營銷的效果。廣義的網站優化所考慮的因素不僅僅是搜索引擎,也包括充分滿足用戶的需求特征、清晰的網站導航、完善的在線幫助等,在閱讀全文