亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰

最新回答 / 幕布斯3188914
那不寫這個就寫<!DOCTYPE html>也沒關系吧?

已采納回答 / pirates5
.footer{width:960px;margin:0 auto; height:50px; background:#9F9; /*【任務4】*/clear:both}

最新回答 / 哎狐狐
不會吧,這個是 就近原則還有優先級的,優先級怎么計算前面課程有的,你可能對之前學習的知識沒有掌握。

最贊回答 / zyxmk
權值:如果同一元素設置了不同的css樣式,瀏覽器會根據權值來判斷使用哪種樣式。一般來說:標簽的權值為1;類選擇符的權值為10,ID選擇符的權值為100.eg:p{ font-size:12px} ?權值為1? ? ? ? p span{font-size:14px } 權值為1+1=2. 所以p標簽中的span標簽中的內容的字體大小就為14px我知道的就這些了,歡迎糾正!

已采納回答 / 采一片繁星作花
所以你想問什么呢..達成一個效果確實不止一種方法阿

已采納回答 / Himushroom
你代碼里面有幾個點:題目里面要求頂部和底部寬度自適應,所以width:100%;這個可以不用寫,瀏覽器默認就是width:100%;你在.right里面設置的這個margin-left:210px;是因為你給它設置了float:right;再margin-left自然看不出效果你在右邊模塊里面輸入字母確實會溢出,如果輸入漢字的話則會把模塊撐大,這是由于瀏覽器默認的換行屬性導致的,你可以在右邊模塊的css中加上屬性word-break:break-all;再試試下面是我寫的,可能也有不對的地方,不過剛好你提...

最新回答 / Happy_learning
任務3已經幫你實現了。下面這個代碼就是他們的順序 先加載和后加載<...code...>任務4:編寫的代碼要兼容ie6:這個我想到的唯一方法就是有個IE6 能試下。。如果有更好的方式知道 希望樓主通知下?

已采納回答 / 禹哥哥
.main,.footer{ width:20%;margin:0 auto;}權值不是20,是10。分別為10.當有相同權重的樣式存在時,會根據這些css樣式的前后順序來決定,處于最后面的css樣式會被應用。

最新回答 / weibo_發呆小賢_0
margin:0 310px 0 210px;是以上右下左邊界的距離來設定的,上下零距離就不說了,右邊有一個300px的列,還要和它間隔10px,所以距離右邊就是300+10=310px,左邊同理。

已采納回答 / Himushroom
是的,自適應的意思就是不用你去設置width,你可以自己試試,最常用到的是兩欄布局,側邊欄固定寬度,右側自適應,這樣你去拖動瀏覽器的大小的時候,會發現右側自適應這一欄會隨著瀏覽器的寬度而自己調整寬度

已采納回答 / 我是貓貓蟲
第二行, maigin 改成 margin 就可以了

已采納回答 / 慕粉1463363785
應該算是慕課網的注釋,// /**/這些注釋在這些代碼中應用不了

已采納回答 / Himushroom
加Position:absolute可以讓所在的模塊脫離文檔流,你把這個換成float:left,是一樣的效果,如果你只是想要模塊脫離文檔,這兩種方式都可以,如果你想要去具體指定模塊的位置就要在Position后面加top,left這些東西,希望可以幫到你

已采納回答 / 啊咧123
寬度設為百分百,頂部與底部的寬度會隨著頁面的寬度而改變,也就是自適應
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消