PSD 切片成 CSS DIV 後如何居中網頁

居中 div

注意正文設定的text-align：center，再設定這個設定後div margin：0 auto的樣式

div 位於頁面中間的中心。

你可以去了解保證金

它的基本格式是邊距：向上、向右、向下、向左;

當寫為 margin：0 auto; 這樣，它的含義就是邊距：上下，左，右;

例如，margin：0 auto; 上下含義為0，左右距離為自動。

將 psd 切成 css+div 後，網頁的元素是文字和容器。 CSS 居中包括文字居中和容器居中。 也可以從兩個角度來考慮：水平居中和垂直居中。 下面對文字水平居中、容器水平居中、文字垂直居中和容器垂直居中的四個視角進行說明。

有關詳細資訊，請參閱它。

為最外層標籤設定 text-align：center; margin:0 auto;

PS切片生成的CSS絕對定位，網頁居中，首先我們需要清楚知道，PS切片生成**，是整個網頁的一部分，而網頁的整體居中，是通過控制乙個總div來實現的，用margin方法做，margin理解，如圖所示：

**理解：

如果你想讓所有的div都居中，在css中設定它：

div！

如果你想乙個人做，你可以在上面放乙個ID或類！

最好不要絕對定位，因為您正在與多個瀏覽器和許多使用者打交道，並且會出現意想不到的相容性問題！ 頁面的中心很容易做到！ 保證金可以幫到你！

要使整個頁面居中，您不必逐個更改 div！ 如果你有時間模仿建站網找我，我幫你解決！

你必須在**的所有外部新增乙個容器，div 使其 margin：0 auto;

不建議直接生成PS，最好自己布置一下。

PSD是網頁設計圖，CSS+DIV屬於網頁，網頁製作就是將圖形設計圖轉化為網頁的形式。

1.設計圖要區分背景和文字，一般除了廣告地圖中的碧茶文字外，所有文字都不作為背景，背景有底底、模組背景、頭部背景、導航欄背景，還有一些按鈕圖示，每個地方的背景都要隱藏上面的文字， 然後把每一塊切開，一張圖片大約有幾十個背景**。

2.切片技巧，切片後，另存為Web應用格式，一般背景可以儲存為gif格式，顏色數量可以調整（只有黑白兩種顏色選擇2種），讓**檔案大小更小; 廣告圖片以jpg格式儲存，8左右的質量就足夠了。

3.css+div：一種是採用div布局，有很多技巧，比如一般**按照盛宴的頭皮-中-尾三大布局，以及“先上下後左右”的原則布局; 另一種是用CSS來控制樣式，元素樣式完全使用樣式表來控制鏈，樣式表的技巧比較多，表格分類可以脫離全域性樣式表、主頁樣式表、列頁樣式表，還有元素預設樣式來解決瀏覽器相容性問題， 以及公共類樣式，例如 .

w980 代表寬度為 980px 的網頁顏色較深的熱詞，依此類推。

PSD 是網頁設計圖，並且。

css+div

它屬於網頁的第乙個方面，網頁的製作是將平面設計圖紙轉化為網頁的形式。

設計圖紙要區分背景和文字，一般除了廣告地圖中的文字外，所有文字都不作為背景，背景有底底、模組背景、頭部背景、導航欄背景，還有一些按鈕圖示，每個地方的背景都要隱藏上面的文字， 然後把每一塊切開，一張圖片大約有幾十個背景**。

切片提示，切片後另存為。

可以使用Web應用程式格式，一般背景**。

GIF格式儲存，色號可調（只有黑白兩種顏色選擇2種），此霍爾樣品電阻**檔案較小; 並使用廣告影象。

JPG格式儲存，質量8左右就足夠了。

css+div

使用乙個。 div

例如，布局一般按照頭-中-尾三大布局，以及“先上下後左右”的原則; 另一種是用CSS來控制樣式，元素樣式完全由樣式表控制，樣式表的技巧更多，表格分類可以與全域性樣式表、首頁樣式表、匯春列頁的樣式表、解決瀏覽器相容性問題的元素預設樣式分開， 例如，以及公共類風格。

w980 代表寬度為 980px 的網頁

顏色較深的熱詞，依此類推。