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

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

如何用CSS進行網頁布局

江老實 Web前端工程師
難度初級
時長22分
學習人數
綜合評分9.60
1991人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
老師講的第一節比較基礎,自己還能聽懂。
我的才是準確的,包括顏色:
body{color:rgb(250,250,250);}
.top{width:100%; height:50px;background:rgb(204, 204, 204);}

.main{width:100%; height:300px;background:rgb(252, 2, 0);position: relative;}
.left{width:200px;height:300px;background:rgb(0,0,254);position: absolute;top: 0px;left: 0px;}

.right{height:300px;background:rgb(154, 204, 153);margin-left: 210px;}

.foot{width:100%; height:50px;background:rgb(255, 102, 52);}
注意main的代碼中margin:0 310 0 210 需在310以及210后加上px,變成margin:0 310px 0 210px才會產生10px的邊框以及自適應文字不會覆蓋掉文字
江老師和Amy老師是夫妻吧 哈哈哈
.top{width:100%;height:200px;background:#ccc;}
.main{width:100%;height:600px;background:red;}
.left{width:200px;height:600px;background:#00f;position:absolute;left:0;top:200px;}
.right{height:600px;background:#9f9;margin-left:210px;}
.foot{width:100%;height:150px;background:#f60;}
clear:left;clear:right;clear:both
chrome里面顯示此margin是無效的屬性值。。。。。
奇怪的是中間的文字并不會自動換行,這并不能算是自適應
想找一個敲代碼的小哥哥拜師
聲音有點小,講的不錯,開頭聲音有點大了
老師風格穩重!喜歡,講的很好。不像有些年輕老師講課和說相聲一樣
.top{width:100%;height:50px;background:gray;}
.main{width:100%;background:red;height:300px;}
.left{ width:200px;height:300px;background:blue;position:absolute;}
.right{width:100%;margin-left:210px;height:300px;background:green;position:absolute;}
.foot{width:100%;background:orange}
.left{width:200px;height:600px;background-color:blue;position:absolute;top:100px;left:0;}
.right{
height:600px;
background-color:green;
margin-left: 210px;}
代碼一position:center;
代碼二float:left;
代碼3 dloat:right;
代碼四float:none;
課程須知
1.你需要掌握html+css樣式基礎知識 2.有一定的前端實際開發經驗
老師告訴你能學到什么?
1.掌握網頁布局的相關知識 2.能對不同的網頁進行布局結構劃分 3.掌握固定寬度和自適應寬度的實現方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消