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