
盡管對于現如今的帶寬來說,網頁文件那僅以K來算的大小實在是微不足道,但如何將這以K來計算的網頁文件精簡到最小還是網頁設計師們所應該考慮的問題之一。 眾所周之,在不影響整個網頁構架與功能的情況下,網頁文件越小越好,因為更小的網頁文件有利于瀏覽器對網頁的解釋時間縮到更短,自然訪客也就不用面臨等待網頁緩閱讀全文
1.若有疑問立即檢測 在出錯時若能對原始代碼做簡單檢測可以省去很多頭痛問題。W3C對于XHTML與CSS都有檢測工具可用,請見http://validator.w3.org請注意,在文件開頭的錯誤,可能因為不當的結構等因素造成更多錯誤;我們建議先修正一些最明顯的錯誤之后重新檢測,這樣也許會讓錯誤數閱讀全文
css標準里面的DOCTYPE不可怕,但把它拿走,會讓你怕了又怕。 最近在藍色理想轉悠,發現很多朋友提出有關DIV+CSS排版問題,以及IE與FF的兼容問題。怎么問的都有,結果就是一個——顯示很奇怪,很難調整。我們瀏覽的大多數網站,或者用Dreamweaver創建一個新的網頁文檔時,源碼的頂部都會閱讀全文
CSS框架之利: 1、開發效率的提高。如果你是一個企業建站的前端開發,相信在大部分時間里進行著同類站點的代碼工作。定義好的框架可以大大提高你的工作效率,避免一些常見的錯誤。如果你的工作是按件計費的,你的報酬一定會比別人多。 2、規范代碼命名。在多個站點中你可能會用到一些同樣的CLASS或ID。如閱讀全文
CSS對瀏覽器器的兼容性具有很高的價值,通常情況下IE和Firefox存在很大的解析差異,這里介紹一下兼容要點。 常見兼容問題: 1.DOCTYPE影響CSS處理 2.FF:div設置margin-left,margin-right為auto時已經居中,IE不行 3.FF:body設置tex閱讀全文
div+css常用單位 相對長度單位RelativeLengthUnits em說明:相對長度單位。相對于當前對象內文本的字體尺寸。如當前行內文本的字體尺寸未被人為設置,則相對于瀏覽器的默認字體尺寸。示例:div{font-size:1.2em;} ex說明:相對長度單位。相對于字符“x”閱讀全文
常用的CSS命名規則 頁頭:header登錄條:loginBar標志:logo側欄:sideBar廣告:banner導航:nav子導航:subNav菜單:menu子菜單:subMenu搜索:search滾動:scroll頁面主體:main內容:content標簽頁:tab文章列表:list提示信息閱讀全文
一段文字,當鼠標在文字上面單擊,文字消失,原來文字的地方卻立即變成了一張圖片,當鼠標在圖片上單擊,圖片又消失,原來的文字又重現了,像變魔術一樣,是不是有意思?!這種效果用Dreamweaver的Behavirs功能也可實現,但那要增加一段Javascript程序,明顯增加了不少代碼。而用CSS來制作閱讀全文
容器高度100%是經常用到的需求,任何容器都可以實現,而且不需要嵌套關系。 把body看作是一個容器,做為內部對象的上層標簽,他的高度設置為100%是關鍵。 最基本的例子 以下是引用片段: *{margin:0;padding:0;border:0;} html,b閱讀全文
Step1.不要一味使用DW等工具設計網頁,去熟悉(X)HTML語言和CSS語言因為web標準對代碼的要求提高了,沒有對xhtml代碼沒有一定的了解是無法通過校檢的。DW工具也可以使用,但是要看著代碼寫網頁了。首先是xhtml代碼,不是很多,知道他們如何使用,怎么正確書寫,而且要記得封閉tag。如&閱讀全文
HTML只是賦予內容的手段,大部分HTML標簽都有其意義(標簽p創建段落,h1標簽創建標題等等)的,然而span和div標簽似乎沒有任何內容上的意義,聽起來就像一個泡沫做成的錘子一樣無用。但實際上,與CSS結合起來后,它們被用得十分廣泛。 它們被用來組合一大塊的HTML代碼并賦予一定的信息,大部分閱讀全文
在網上找的兼容ie和火狐ff的透明度設置。 利用: alpha透明度設置,以下是用到的參數說明 opacity:可選項。整數值(Integer)。設置或檢索透明漸變的開始透明度。取值范圍為0-100。默認值為0,即完全透明。100為完全不透明。opacity:可選項。整數值(Integer閱讀全文
這時為元素添加border屬性確定元素邊界,錯誤原因即水落石出。不管float元素的內容如何,一定要為其指定width屬性。某些屬性如margin、padding等,不同瀏覽器會有不同的解釋。 1.檢查HTML元素是否有拼寫錯誤、是否忘記結束標記 即使是老手也經常會弄錯div的嵌套關閱讀全文
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閱讀全文
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閱讀全文