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

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

網頁布局基礎

難度入門
時長 1小時30分
學習人數
綜合評分9.63
2052人評價 查看評價
9.9 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
發現前端大都女老師
有點難度~

最新回答 / mengxianghan
position:relative;? 這個是給父框架寫的position:absolute;? 這個才是給子框架寫的
自動居中布局:margin:0 auto;
橫向兩列排版:float:left;margin:0 13px 0 0;
絕對定位:pisition:relative;position:absolute;top:0;left:790px;

已采納回答 / 慕俠2950284
要注意的是“祖先元素是否有定位”,有,則參照最近的祖先元素。無,則參照根<html>。雖然box的確是它的祖先元素,但有無定位還是會影響參照標準的
Css規定的定位機制有三種:絕對定位,相對定位,標準文檔流
&lt;script&gt;$(function(){var items=$(&quot;#nav&quot;).find(&quot;li[class!=qq_lab]&quot;).find(&quot;a&quot;);items.each(function(){var _item=$(this);$(_item).bind(&quot;click&quot;,function(){$(this).parent().parent().find(&quot;li[class=current]&quot;).removeClass(&quot;current&quot;);
$(this).parent().addClass(&quot;current&quot;);});})});&lt;/script&gt;
實現下載的源代碼中case3,騰訊游戲首頁的nav導航標題點擊后切換class屬性或者白的背景的js,jquery版本為一下代碼:僅供參考,如有更好的,請提供給我。謝謝。
鮮有女老師講課,講得真好,就是聲音略小

已采納回答 / edward_zpq
一個標簽可以有很多類名,class="content book"中有兩個類名,中間用空格隔著的,類名content是因為這個div是屬于內容的一部分,類名book是因為這個div盒子裝著書的圖片,樣式里面的類選擇器根據用途選擇一個類名就行,就是語義化(明白用途)!在什么情況下使用什么樣的類名合理,比如我是一名學生,同樣是我媽媽的兒子,在家里我肯定是以兒子的身份存在,在學校我是以學生的身份存在。設置整個頁面內容樣式時,用content,;設置book里面的書的圖片時,用到book,這樣也就很清楚~
#wrap{width:970px; margin:0 auto;}
#mainbody{position:relative; margin-top:15px;}
#left{float:left;width:110px;border:1px solid #999;}
#mid{float:left;margin-left:13px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}

不一定對,這是我能做出的最好的效果了
英文發音我也是醉了..
妹子聲明好好聽,講得也是讓我茅塞頓開

最新回答 / jiaoziyi
瀏覽器右邊有三個選項 章節 筆記 練習。選擇筆記就可以啦?
*{margin:0; padding:0;}
#wrap{width:970px;height:100%; }
#mainbody{position:relative; margin-top:15px;}
#left{position:absolute; width:110px; }
#mid{position:absolute;top:0;margin-left:123px;width:650px;border:1px solid #999;}
#right{position:absolute;margin-left:790px;border:1px solid #999;}
課程須知
1.一定要對HTML+CSS相關標簽有所掌握;2.對網頁布局知識有簡單的了解
老師告訴你能學到什么?
1.掌握三大布局技巧——流式布局、浮動布局及絕對定位布局;2.精通標準文檔流、盒子模型、float屬性以及position屬性等知識。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消