
class和id的值在HTML和XHTML中也是區(qū)分大小寫的,如果你一定要大小寫混合寫,請仔細(xì)確認(rèn)你在CSS的定義和XHTML里的標(biāo)簽是一致的。例如:我們先定義兩個樣式,第一個樣式背景為#666;第二個樣式有10px的邊框。這樣最終的顯示效果是這個div既有#666的背景,也有10px的邊框。 閱讀全文
寫規(guī)則 當(dāng)使用css定義字體時你可能會這樣做: font-size:1em; line-height:1.5em; font-weight:bold; font-style:italic; font-variant:small-caps; font-family:verdana,s閱讀全文
這里引用的是Jorux的“95%的中國網(wǎng)站需要重寫CSS”的文章,題目有點(diǎn)嚇人,但是確實(shí)是現(xiàn)在國內(nèi)網(wǎng)頁制作方面的一些缺陷。我一直也搞不清楚px與em之間的關(guān)系和特點(diǎn),看過以后確實(shí)收獲很大。平時都是用px來定義字體,所以無法用瀏覽器字體放大的功能,而國外大多數(shù)網(wǎng)站都可以在IE下使用。因?yàn)? 1.IE無閱讀全文
HTML已經(jīng)嘗試去除表現(xiàn)和朝向內(nèi)容發(fā)展,導(dǎo)致這樣一個基本原理:從表現(xiàn)(CSS)中分離出內(nèi)容意義(HTML)。這將會給網(wǎng)頁減肥,因?yàn)橐粋€表現(xiàn)指令集合(以外部CSS文檔的形式)可以應(yīng)用到多個頁面。這也會使網(wǎng)站更易于治理因?yàn)槿肿儎涌梢詮男薷囊粋€單獨(dú)的文件得到。 部分不良標(biāo)簽基本上是表現(xiàn)標(biāo)簽(比如sma閱讀全文
PR是英文Pagerank的縮寫形式,Pagerank取自Google的創(chuàng)始人LarryPage,它是Google排名運(yùn)算法則(排名公式)的一部分,Pagerank是Google對網(wǎng)頁重要性的評估,是Google用來衡量一個網(wǎng)站的好壞的唯一標(biāo)準(zhǔn)。PR值的級別從1到10級,10級為滿分。PR值越高說明閱讀全文
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).為了左對齊,可閱讀全文
使用DIV+CSS排版不是用換個標(biāo)簽然后再去按照表格的方式去排版,而是做到內(nèi)容與表現(xiàn)的分離。 1:ID用于標(biāo)識頁面單獨(dú)元素以及持久行的結(jié)構(gòu)性元素方便JS的調(diào)用 類用于標(biāo)識同一頁面可重復(fù)定義使用的結(jié)構(gòu)性元素ID與類的命名需與表現(xiàn)形式無關(guān):leftContent而使用有意義的定義方式:sideBar閱讀全文
CSS布局實(shí)例:上中下三行布局,上下定高,中間欄自適應(yīng)瀏覽器高度,且內(nèi)容垂直居中。本文代碼在firefox2.0/winie6/winie7/opera8.5cn/winsafari測試通過。對于非ie內(nèi)核瀏覽器,通過設(shè)定display:table、display:table-row和display閱讀全文
外貿(mào)企業(yè)對網(wǎng)站于企業(yè)的重要性已有了較深的理解,專門針對海外客戶的英文網(wǎng)站也越來越受外貿(mào)企業(yè)所重視,但是對如何做一個符合海外客戶習(xí)慣的英文網(wǎng)站卻不甚了解,以致這些外貿(mào)企業(yè)在建站過程中存在許多誤區(qū)。全球電子商務(wù)專家中國諾網(wǎng)依據(jù)專業(yè)知識及多年的英文建站經(jīng)驗(yàn),為有英文建站需求的外貿(mào)企業(yè)提供英文建站的詳細(xì)介紹閱讀全文
一、記得幫頁面減肥 我們?yōu)g覽網(wǎng)頁實(shí)際上是將虛擬主機(jī)中的網(wǎng)頁內(nèi)容下載到本地硬盤,再用瀏覽器解釋查看的。下載網(wǎng)頁的快慢在顯示速度上占了很大比重,所以,網(wǎng)頁本身所占的空間越小,那么瀏覽速度就會越快。這就要求在做網(wǎng)頁的時候遵循一切從簡的原則,如:不要使用太大的Flash動畫、圖片等資源。干凈、簡潔的頁面會閱讀全文
正確使用a標(biāo)簽 href:設(shè)置鏈接的url地址或錨點(diǎn)target:設(shè)置鼠標(biāo)點(diǎn)擊鏈接后的目標(biāo)窗口或框架頁面,一般常用的是target="_blank",表示新開一個窗口打開鏈接,向在當(dāng)前頁面打開鏈接就不用加這個屬性了title:設(shè)置鼠標(biāo)移動到鏈接上時顯示的提示信息rel:這個是最近才開始流行的新屬性閱讀全文
應(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ù),目前使用的一個不錯的方法也比較好.就是用position屬性來解決,看下面的代碼,用position的相對和絕對定位功能也輕松的實(shí)現(xiàn)了,文字靠近div低部對齊,并且靠近的距離還可以精確到像素,自己可以調(diào)節(jié),是不是很不錯呢? 以下是引用片閱讀全文
在做布局的過程中常常遇到文字圍繞圖片的效果。如何用CSS實(shí)現(xiàn)文字環(huán)繞圖片的效果呢,通過這個例子就能看出。 其實(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ū)別就是中文是方塊字,英文是拼音文字,這對字體的處理的影響是巨大的。看看下面的圖示就會發(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)先級別,瀏覽器自己閱讀全文
樣式單的一個最重要的特點(diǎn)就是它可以作用于多種媒體,比如頁面、屏幕、電子合成器等等。特定的屬性只能作用于特定的媒體,如"font-size"屬性只對可卷動的媒體類型有效(屏幕)。 聲明一個媒體屬性可以用@import或@media引入: 以下是引用片段:@importurl(lou閱讀全文
網(wǎng)站優(yōu)化:可以從狹義和廣義兩個方面來說明。狹義的網(wǎng)站優(yōu)化,即搜索引擎優(yōu)化,也就是讓網(wǎng)站設(shè)計(jì)適合搜索引擎檢索,滿足搜索引擎排名的指標(biāo),從而在搜索引擎檢索中獲得排名靠前,增強(qiáng)搜索引擎營銷的效果。廣義的網(wǎng)站優(yōu)化所考慮的因素不僅僅是搜索引擎,也包括充分滿足用戶的需求特征、清晰的網(wǎng)站導(dǎo)航、完善的在線幫助等,在閱讀全文