div css請幫忙調整下,請DIV CSS達人幫忙看下這個問題

時間 2022-07-18 14:35:05

1樓:匿名使用者

body的外邊距所致,在css**中加入以下**即可:

html, body {

margin:0;

原來你是這個意思,這樣寫當然不會平分,因為你 menu2-menu5 都是在 menu 這個 div 中,這樣寫是寬度佔到 menu 的 20%,而不是頁面的,所以要把 menu2-menu5 的 width 都改為 25%,也就是各佔 menu 這個 div 的 1/4

同理,下面的 content 應該佔到 main 的 80%另外,footer應該加一個 clear:both; 來清除浮動,否則在 ff 下顯示有問題

最終 css:

#header{

background-color:#ff00ff;

height:250px;

width:100%;

#menu{

height:100px;

width:80%;

float:right;

#menu1{

background-color:#ff3333;

height:100px;

width:20%;

float:left;

#menu2{

width:25%;

height:100px;

background-color:#cc99ff;

float:left;

#menu3{

background-color:#cc0000;

height:100px;

width:25%;

float:left;

#menu4{

background-color:#0066cc;

height:100px;

width:25%;

float:left;

#menu5{

background-color:#ccff99;

height:100px;

width:25%;

float:right;

#leftbar{

background-color:#cccc00;

height:300px;

width:20%;

float:left;

#main{

height:300px;

width:80%;

float:right;

overflow:hidden;

#infobar{

background-color:#cc3300;

height:300px;

width:20%;

float:left;

#content{

background-color:#00ff00;

height:300px;

width:80%;

float:right;

#footer{

background-color:#ff0000;

height:50px;

width:100%;

clear:both;

2樓:

infobar與content寫在同一個div中,那麼20%代表的是main這個div中的20%.換為40%就沒有空白了,其他的同理 。下面是改後效果圖

3樓:匿名使用者

加上css**:*

#footer

請div+css達人幫忙看下這個問題...

4樓:匿名使用者

你不是今天早上提問一個網頁**的那個人嗎?現在遇到什麼問題了?

css中有個屬性:vertical-align:middle,文字垂直局中

還有line-height是文字的高度,你前面有a標籤, 肯定也給他設定高度了,所以要溢位了,

你可以單獨給form設定高度,然後margin-top:-**px,具體根據你depth的高度來算

5樓:匿名使用者

連結1 >

連結1 >

連結1 >

塊元素一般用margin:0 auto;居中,內聯元素一般用text-align:center;居中

6樓:匿名使用者

你設定一下css屬性引用一下就行了

7樓:夜鳴的狼

如果要垂直居中且不用js的話就需要定義form的高度了

懂div + css請幫忙解決一下,謝謝 !!!!急急急!!!非常感謝!!! 我要將圖中的子字型向下調

8樓:

1全部設定一個行高:line-height。

如:li

這樣文字就會垂直居中於d這個li標籤中。

具體樣式可具體調整。

希望對你有所幫助。

9樓:一起百一起度

大興鎔立泰電腦培訓學校專業 **建設 **設計維護 辦公 設計培訓學校 90419816qq

10樓:殳齊

padding-top:10px;

或者 margin-top:10px;

在容器div上

懂div+css的老師,請幫忙解決問題~~

11樓:匿名使用者

你的意思是說在編輯器裡顯示的這樣,但是在瀏覽器裡顯示正常,對嗎?如果是的話,請別在意,編輯器畢竟不是真正的瀏覽器,效果有出入是很正常的。

如果不是,請在css樣式裡設定div,dl,dt,dd這幾個標籤的初始值。

12樓:_風逸飛

能把你的**貼出來嗎?

有可能是padding設定 也有可能是margin設定的

所以要看你的**了

13樓:匿名使用者

在該div框~新增一段css

padding:0px;

div+css求助幫忙做題

14樓:借東西的小大人

a a d c c

二 1css:

它是一種用來表現html(標準通用標記語言的一個應用)或xml(標準通用標記語言的一個子集)等檔案樣式的計算機語言。

使用內嵌樣式以應用級聯樣式表屬性到網頁元素上。如:

層疊樣式表文件

使用內嵌樣式以應用級聯樣式表屬性到網頁元素上。如:

層疊樣式表文件

如果網頁連結到外部樣式表,為網頁所建立的內嵌的或嵌入式樣式將擴充或覆蓋外部樣式表中的指定屬性。

要在網頁上使用外部樣式表的樣式,可將該網頁連結到樣式表,方法是使用位於 「格式」 選單上的 「樣式表連線」 命令。可以連結一個或數個樣式表到網頁檢視模式下的當前網頁,或到在資料夾列表中的所選網頁,或到站點上的全部網頁。

該「樣式」 框列出標準 html 標記符,例如標題

1,還有嵌入的樣式表或連結到網頁的外部樣式表中所含的類或 id 選擇器。要應用樣式到網頁元素,請選定該樣式然後單擊 「樣式」 框中的樣式或選擇器。

在 microsoft frontpage

2000中,某些格式設定特性會作為內嵌樣式自動應用。例如∶如果使用 「邊框與陰影」 命令(在 「格式」

選單上)在普通段落周圍應用框,frontpage 會寫下格式設定資訊,作為段落標記符的內嵌樣式屬性(例如∶ )。然而某些屬性的應用需要使用 css,其他則需要使用 html

。如果人們只想使用 css 應用內嵌樣式,可使用 「樣式」 按鈕(位於網頁元素的 「屬性」 對話方塊裡)應用類或 id 選擇器或嵌入式樣式。

css:就是為更改html標籤在瀏覽器顯示外觀用的

二,2如果在一個 標籤內包含一個 target 屬性,瀏覽器將會載入和顯示用這個標籤的 href

屬性命名的、名稱與這個目標吻合的框架或者視窗中的文件。如果這個指定名稱或 id

的框架或者視窗不存在,瀏覽器將開啟一個新的視窗,給這個視窗一個指定的標記,然後將新的文件載入那個視窗。從此以後,超連結文件就可以指向這個新的窗

口。特殊的目標

有 4 個保留的目標名稱用作特殊的文件重定向操作:

_blank

瀏覽器總在一個新開啟、未命名的視窗中載入目標文件。

_self

這個目標的值對所有沒有指定目標的 標籤是預設目標,它使得目標文件載入並顯示在相同的框架或者視窗中作為源文件。這個目標是多餘且不必要的,除非和文件標題 標籤中的 target 屬性一起使用。

_parent

這個目標使得文件載入父視窗或者包含來超連結引用的框架的框架集。如果這個引用是在視窗或者在頂級框架中,那麼它與目標 _self 等效。

_top

這個目標使得文件載入包含這個超連結的視窗,用 _top 目標將會清除所有被包含的框架並將文件載入整個瀏覽器視窗。

二丶3--font-style 屬性定義字型的風格

font-variant 用於定義小型大寫字母文字

font-weight  屬性設定文字的粗細。

normal

預設值。定義標準的字元。

bold

定義粗體字元。

bolder

定義更粗的字元。

lighter

定義更細的字元。

定義由粗到細的字元。400 等同於 normal,而 700 等同於 bold。

inherit

規定應該從父元素繼承字型的粗細。

--font-size/line-height 大小 間距

--font-family :字型格式

二 ,4

一資源定位符 (uniform resource locator, url)

是用於完整地描述internet上網頁和其他資源的地址的一種標識方法。

internet上的每一個網頁都具有一個唯一的名稱標識,通常稱之為url地址,這種地址可以是本地磁碟,也可以是區域網上的某一臺計算機,更多的是internet上的站點。簡單地說,url就是web地址,俗稱「**」。

二 5html中ul,ol,li,dl,dt,dd 用法

ul: unordered lists

ol: ordered lists

li: lists

ol 有序列表。

…………

……表現為:

1……2……

3……ul 無序列表,表現為li前面是大圓點而不是123

…………

很多人容易忽略 dl dt dd的用法

dl 內容塊

dt 內容塊的標題

dd 內容

可以這麼寫:

標題內容1

內容2dt 和dd中可以再加入 ol ul li和p

理解這些以後,在使用div佈局的時候,會方便很多,w3c提供了很多元素輔助佈局。

li**的格式化:

a).運用css格式化列表符:

以下是引用片段:

ul li

b).如果你想將列表符換成影象,則:

以下是引用片段:

ul li

c).為了左對齊,可以用如下**:

以下是引用片段:

uld).如果想給列表加背景色,可以用如下**:

以下是引用片段:

ul ul li

e).如果想給列表加mouseover背景變色效果,可以用如下**:

以下是引用片段:

ul ul li a

ul li a:hover說明:display:block;這一行必須要加的,這樣才能塊狀顯示!

f).li中的元素水平排列,關鍵float:left:

以下是引用片段:

ul ul li

的區別的引數設定(常用):

例如:type="square"

只適用於非順序清單,設定符號款式,其值有三種,如下,內定為 type="disc":

以下是引用片段:

符號 是當 type="disc" 時的列項符號。

符號 if" width=10 height=10 border=0> 是當 type="circle" 時的列項符號。

符號 是當 type="square" 時的列項符號。

value="4"

只適用於順序清單,設定該一項的數目,其後各項將以此作為起始數目而遞增,但前面各項則不受影響,其值只能是 1,2,3.. 等整數,沒有內定值。

稱為無序清單標記。

所謂無序清單就是在每一項前面加上 、、等符號,故又稱符號清單。

的引數設定(常用):

例如:type="square"

設定符號款式,其值有三種,如下,內定為 type="disc":

以下是引用片段:

符號 是當 type="disc" 時的列項符號。

符號 是當 type="circle" 時的列項符號。

符號 是當 type="square" 時的列項符號。

是專案列表,是列表項,專案列表就是用符號來列的,所以你列出來預設的就是黑點,還有一個是這個是編號列表,用數字來列的,也是用做列表項

是 list item 即列表項,但列表有很兩種,所以外面得有 或者 用來區別無序列表(小點點)和有序列表(1,2,3...)。二 6

請專業高手幫忙翻譯下,請專業高手幫忙翻譯下

氟是電負性最強的元素。自然界中它不能遊離存在,而是形成 1價的化合物。海水裡氟化物濃度一般是從1.2到1.4個ppm。相反,如果氟化物跟一些小的懸浮粒子結合,它的濃度就會相對高一些,但即使這樣,大部分淡水含有的氟化物都低於0.2ppm。然而,在很多水體表面,氟離子的濃度由於工業汙染而明顯增加。從這個...

請幫忙翻譯下

暗暗高低槓 1。請描述一下你學校的任意特色或著你中等教育階段與眾不同的品質。簡述一下課程,請提到對你目前的學術興趣起到重要塑造意義的任意課程。2。從你的學術興趣和個人視角描述你對你所選擇的院系的態度和動機,包括你在這個領域的研究準備,學術成就和投入。3。請在下方簡要說明你的課外活動或工作經驗。4。這...

請幫忙翻譯,謝謝!請幫忙翻譯一下,謝謝!

thanks for your reply 語氣比較隨和,適合合作商彼此之間的信函。please according to attach order information issue proforma invoicetks 請幫忙翻譯一下,謝謝!please find attached invoi...