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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
我覺得應該還是790 110+13+17+650=790
我想起了當初給我們示范講幼兒園課程的老師,簡直一模一樣 0.0

最新回答 / 碼磚小丸子
可以通過浮動來實現,全部靠左浮動,則能從左到右依次排列
從第一層到第五層依次為:border、content+padding、background-image、background-color、margin。
那個膽小如鼠的小女孩以及了不起的蓋茨比該出場了
book和profile圖都掛了,可以行找圖片替換測試就可以了

已采納回答 / 慕慕4179031
合并了在這個例子中,效果是一樣的,但是之所以要設置成一個content類和一個book類,是因為整個頁面中還有一個profile類,而這個類也是屬于content類的,作個類比,就是有兩個人都是學生,他們都需要具備學生的共有屬性,但是他們一個是女生,一個是男生,所以他們在具備學生共性的同時又具備了男生和女生各自的個性。

已采納回答 / 慕粉1356576729
在HTML里只要涉及文件的地方(如超級鏈接、圖片等)就會涉及絕對路徑與相對路徑的概念。??1.絕對路徑? ? 絕對路徑是指文件在硬盤上真正存在的路徑。例如“bg.jpg”這個圖片是存放在硬盤的“E:\book\網頁布局代碼\第2章”目錄下,那么 “bg.jpg”這個圖片的絕對路徑就是“E:\book\網頁布\代碼\第2章\bg.jpg"。那么如果要使用絕對路徑指定網頁的背景圖片就應該使用 以下語句:<body backround="E:\book\網頁布局\代碼\第2章\bg.jpg" >??...
.content{background:#eff9f9;padding:44px 15px 15px;}

border:4px solid #badbdb;}

.profile{background:url(../images/t_profile.gif) no-repeat #eff9f9;}

.book{background:url(../images/t_book.gif) no-repeat #eff9f9;}

.book img{border:1px solid #b1adaa;margin:10px 8px;

}
1.定義一個內部樣式text=css

2.插入圖片 設定上下邊距 左右邊距 用margin,并且設置邊框(粗細 格式 顏色-不可少 空殼 )

講了盒子3D

3.為實現包裹層 加一個模塊div 設置邊框的粗細 格式和顏色

4.為背景圖片book加一個樣式,插入book,設置no repeat 再通過樣式追加的方式加到content的盒子里去。

在本例中是div class=&quot;content &quot;變成div class=&quot;content book&quot;

5.背景被圖片覆蓋了 怎么辦 設置盒子的內容即content的padding。微調。

6.初始化。
W3C盒子模型,建議說加border的童鞋好好看看。

已采納回答 / Serena_cc
先看綜合網站實踐里的企業實戰再反過來看就不覺得快了,真的!

最新回答 / 慕粉3136803
在<div id="wrap">在這里加點東西就行了</div>
定義和用法

width 屬性設置元素的寬度。
說明

這個屬性定義元素內容區的寬度,在內容區外面可以增加內邊距、邊框和外邊距。

把你們想要看的發過來了。 width是不包括 margin,padding,border的 !! 只是內容寬度
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消