網頁設計調整盒子模型位置_html網頁製作中如何修改修改盒模型的參數

1、CSS關於盒子模型的定位問題?

如果你清楚position:absolute;的定義，copy就不會有這個問題。
絕對定位的偏移需要有個相對點，按照定義，從這個絕對定位元素開始向上查找父元素直到body，找到的第一個定義了position:absolute;或者position:relative;的父元素就是此元素的相對點，如果沒有就相對body偏移

2、網頁設計如何定義圖片的位置和大小

網頁設計在初始要界定出網頁的尺寸大小.就像繪畫給出一塊畫版來.這樣才能方便設計. 網頁的尺寸受限於兩個因素:一個是顯示器屏幕.顯示器現在種類很多,以17寸為主流, 正在朝19寸及寬屏的方向發展.但目前也有為數不少的15寸顯示器.另一個是瀏覽器軟體,就是我們常用的IE,遨遊,Firefox等.
高度：
高度是可以向下延展的,所以一般對高度不限制. 對於一屏來說,一般沒有一個固定值，因為每個人的瀏覽器的工具欄不同，我見過有的瀏覽器工具欄被插件佔了半個屏幕，所以高度沒有確切值。
寬度:
1、在IE6.0下，寬度為顯示器解析度減21，比如1024的寬度-21就變成1003。但值得注意的是IE6.0(或更低)無論你的網頁多高都會有右側的滾動條框。 2、在Firefox下，寬度的分率辨減19。比如1024的寬度-19就變成1005 3、在Opear下，寬度的分率辨減23。比如1024的寬度-23就變成1001 註：Firefox或Opear在內容少於瀏覽器高度時不顯示右側滾動條。
所以如果是1024的解析度，你的網頁不如設成1000安全一點。設成900兩側空白更大,視覺上更舒服一點.也方便做一些浮動層的設計.
如果是800的解析度一般都設成770。但也有設成760的.
這些需要明白並且牢記,不然很可能做出來不符合瀏覽器要求,不過一般我們都回設定的再稍微小一點,應為有些瀏覽器加了插件或者其他的東西寬度會有變化所以 800的解析度一般設定760左右,1024的設定990左右.

網頁設計標准尺寸:
1、800*600下，網頁寬度保持在778以內，就不會出現水平滾動條，高度則視版面和內容決定。
2、1024*768下，網頁寬度保持在1002以內，如果滿框顯示的話,高度是612-615之間.就不會出現水平滾動條和垂直滾動條。
3、在ps裡面做網頁可以在800*600狀態下顯示全屏，頁面的下方又不會出現滑動條，尺寸為740*560左右
4、在PS里做的圖到了網上就不一樣了，顏色等等方面，因為WEB上面只用到256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很寬顏色范圍很廣，所以自然會有失色的現象.
頁面標准按800*600解析度製作，實際尺寸為778*434px 頁面長度原則上不超過3屏，寬度不超過1屏每個標准頁面為A4幅面大小，即8.5X11英寸
全尺寸banner為468*60px，半尺寸banner為234*60px，小banner為88*31px 另外120*90，120*60也是小圖標的標准尺寸
每個非首頁靜態頁面含圖片位元組不超過60K，全尺寸banner不超過14K
標准網頁廣告尺寸規格
一、120*120，這種廣告規格適用於產品或新聞照片展示。二、120*60，這種廣告規格主要用於做LOGO使用。三、120*90，主要應用於產品演示或大型LOGO。四、125*125，這種規格適於表現照片效果的圖像廣告。五、234*60，這種規格適用於框架或左右形式主頁的廣告鏈接。

六、392*72，主要用於有較多圖片展示的廣告條，用於頁眉或頁腳。七、468*60，應用最為廣泛的廣告條尺寸，用於頁眉或頁腳。八、88*31，主要用於網頁鏈接，或網站小型LOGO。廣告形式像素大小最大尺寸備注 BUTTON 120*60(必須用gif) 7K 215*50(必須用gif) 7K 通欄 760*100 25K 靜態圖片或減少運動效果 430*50 15K 超級通欄 760*100 to 760*200 共40K 靜態圖片或減少運動效果巨幅廣告 336*280 35K 585*120 豎邊廣告 130*300 25K 全屏廣告 800*600 40K 必須為靜態圖片，FLASH格式圖文混排各頻道不同 15K 彈出窗口 400*300(盡量用gif) 40K BANNER 468*60(盡量用gif) 18K 懸停按鈕 80*80(必須用gif) 7K

流媒體 300*200（可做不規則形狀但尺寸不能超過300*200） 30K 播放時間小於5秒60幀(1秒/12幀) 網頁中的廣告尺寸 1.首頁右上，尺寸120*60 2.首頁頂部通欄，尺寸468*60 3.首頁頂部通欄，尺寸760*60 4.首頁中部通欄，尺寸580*60 5.內頁頂部通欄，尺寸468*60 6.內頁頂部通欄，尺寸760*60 7.內頁左上，尺寸150*60或300*300 8.下載地址頁面，尺寸560*60或468*60 9.內頁底部通欄，尺寸760*60 10.左漂浮，尺寸80*80或100*10

3、Dreamweare設計時，怎麼讓盒子模型在IE瀏覽器中居中，急求

這位網友你好，你想讓bottom這個盒子整體居中應該用margin屬性，即：

#bottom{
width:1000px;
height:400px;
margin:10px auto;
}

還有bottom這個盒子整體寬度是1000，你的子元素six一共六個，每個寬度是300，已經超過父元素bottom這個元素的寬度了，會換行的。

4、怎樣使網頁設計中的css盒子內容居中？

css盒子內容居中的方法：

css盒子內容水平居中的text-align:center ；或 margin:0 auto；

代碼：

效果：

垂直居中的line-height；

代碼：

效果:

絕對定位水平垂直居中，position:absolute;top:50%;left:50%;

代碼：

效果：

5、在HTML中為段落p設計盒子模型，要求左右距離瀏覽器窗口邊框50像素上下距離40像素，邊框2像素紅色，求代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style>
#bigbox{
width:960px;
height:500px;
}
#mybox{
width:600px;
height:500px;
border:2px red solid;
margin-left:50px;
margin-top:40px;
margin-right:50px;
margin-bottom:40px;
padding:0px;
float:left;
}
</style>
</head>

<body>

<div id="bigbox">
<div id="mybox">我設計的盒子模型</div>
</div>
</body>
</html>

6、網頁設計中，怎麼樣用div來控制每一塊的位置？

CSS position 屬性通過使用 position，我們可以選擇 4 種不同類型的定位，這會影響元素框生成的方式。 position 屬性值的含義： static 元素框正常生成。塊級元素生成一個矩形框，作為文檔流的一部分，行內元素則會創建一個或多個行框，置於其父元素中。 relative 元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。 absolute 元素框從文檔流完全刪除，並相對於其包含塊定位。包含塊可能是文檔中的另一個元素或者是初始包含塊。元素原先在正常文檔流中所佔的空間會關閉，就好像元素原來不存在一樣。元素定位後生成一個塊級框，而不論原來它在正常流中生成何種類型的框。 fixed 元素框的表現類似於將 position 設置為 absolute，不過其包含塊是視窗本身。

7、網頁設計師的頁面位置怎麼定

定義和用法
position 屬性規定元素的定位類型。

說明
這個屬性定義建立元素布局所用的定位機制。任何元素都可以定位，不過絕對或固定元素會生成一個塊級框，而不論該元素本身是什麼類型。相對定位元素會相對於它在正常流中的默認位置偏移。

默認值： static
繼承性： no
版本： CSS2
JavaScript 語法： object.style.position="absolute"

實例
定位 h2 元素：

h2
{
position:absolute;
left:100px;
top:150px;
}

瀏覽器支持
所有主流瀏覽器都支持 position 屬性。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
可能的值
值描述
absolute 生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

fixed 生成絕對定位的元素，相對於瀏覽器窗口進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

relative 生成相對定位的元素，相對於其正常位置進行定位。

因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。

static 默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。
inherit 規定應該從父元素繼承 position 屬性的值。

8、html網頁製作中如何修改修改盒模型的參數

導航:首頁 > 萬維百科 > 網頁設計調整盒子模型位置

網頁設計調整盒子模型位置

與網頁設計調整盒子模型位置相關的知識