3個比較有用的網頁製作技巧

2022-09-25 13:06:12 字數 908 閱讀 6561

一、在一行內宣告css

複製**

**如下:

h2

h2

第二種看起 來的確格式化,但是不會在閱讀上有任何幫助。寫在一行內可以讓你更快的找到需要的部分。

以前我也是寫成類似第二種方式,但是逐漸發現就像文章 說的一樣,沒多大用。一行程式設計客棧看起來又爽快又省地方還能讓檔案更小。

二、分塊書寫**

這樣書寫**可以讓css更頁面化,在出現問題時候可以最短時間內找到問題所在。就像下面這樣:

複製**

**如下:

#content

#content p

#sidebar

#sidebar p

#footer

#sidebar p

三、瀏覽器相容問題

只支援最新的瀏覽器。也就是說要放棄ie5和ie5.5。這樣一來就能省下很多時間。對於ie6來說 不用使用盒模型hack。如果只針對流行瀏覽器的話,只需要很少的hack就能實現同樣的效果。

我注意了一下網易新版主頁的css,其中竟然 乙個!important或者hack都沒有,可是在ff和ie裡面顯示效果都很好。合理的使用css可以避免hack。當然,除錯的時間會多一些。

包含浮動元素所有在容器 內的內容都應該被設計為和容器保持一致。如果過大的話就會滑動到錯誤位置。使用負值margin調整到容器外同樣會導致滑動程式設計客棧。 kbmcrvag

理解 overflow如果頁面中有兩個浮動元素,在左容器內輸出過多內容的話就會導致右側容器跑到下面。這也就是說你的margin、寬度或者padding 設定混亂了,不過在ff裡面體現不出來。使用overflow:hidden或者overflow:scroll可以避免ie允許內容衝出容器。

本文標題: 3個比較有用的網頁製作技巧

本文位址:

比較有用的樣式

背景圖水平垂直居中 背景圖居左垂直居中 background ebebeb url images bloghtimg bkht jia.jpg 5px center no repeat 距離左邊5px 背景圖和文字顯示在一行 background ebebeb url images bloghtim...

比較有用的linux命令

msn jinglexy at yahoo dot com dot cn sbin blockdev v getss dev hda1 檢視分割槽區塊大小 sbin blockdev v getsize dev hda1 檢視分割槽總大小 sbin chkconfig list 列出各個run le...

vi比較有用的命令

1.上下左右移動 hjkl 2.選中一整行 v 3.選中一部分 v 4.跳到檔案頭 gg 5.跳到檔案尾 g 6.撤銷 u 7.恢復 ctrl r 8.將選中文字轉為大寫 u 9.跳到最後一次修改處 10.跳到游標上一次所在出 11.以十六進製制顯示 xxd g 1或者 xxd g 2 g 2表示以...