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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
贊我一下 少一個用ie9,8,7以及更老版本的弱智
發福利嘍!
<ul>
<li><a href="#">公司新聞</a></li>
<li><a href="#">行業新聞</a></li>
<li><a href="#">媒體報道</a></li>
<li><a href="#">活動專題</a></li>
<li><a href="#">精彩視頻</a></li>
<li><a href="#">資源下載</a></li>
<li><a href="#">公司內刊</a></li>
</ul>
大家想要文字素材很簡單啊,把右側的源碼下載,找到里面的文字素材,復制粘貼就行了?。∥揖褪沁@么干的!機智如我!
6、使用鄰元素處理:給浮動元素后面的元素內容增加clear屬性,把浮動元素清走
什么都不做,給浮動元素后面的元素添加clear屬性
.content{ clear:both; } <div class="content"></div>
4、父級元素設置高度
5、父級元素不設置高度,加代碼overflow:hiddden或者overflow:auto,可以清除浮動
(overflow有兩種含義:1、隱藏溢出 2、清除浮動。清除浮動的含義就是在它會清除掉在父級元素里面的浮動元素,元素又回到容器內,把高度撐起來。而隱藏溢出的含義是父級元素設置高度,子元素也設置高度,當子元素高度高于父元素的部分,自動隱藏)
此方法有效地解決了通過空標簽元素清除浮動而不得不增加無意代碼的弊端,不過使用overflow的時候,可能會對頁面表現帶來影響,而且這種影響是不確定的,你最好是能在多個瀏覽器上測試你的頁面;
3、使用clearfix after清除對象(推薦)
給浮動元素的容器添加一個clearfix的class,然后給這個class添加一個:after偽元素實現元素末尾添加一個看不見的塊元素(Block element)清理浮動。
該方法只適用于非IE瀏覽器 。具體寫法可參照以下示例。使用中需注意以下幾點。一、該方法中必須為需要清除浮動元素的偽對象中設置height:0,否則該元素會比實際高出若干像 素;二、content屬性是必須的,但其值可以為空。
2、在浮動元素后面加個div(p、 hr都可以)設置:clear:both height:0 overflow:hidden
(這種方式是在需要清除浮動的父級元素內部的所有浮動元素后添加這樣一個標簽清除浮動)
此方法有效地解決了通過空標簽元素清除浮動而不得不增加無意代碼的弊端
關于父級元素塌陷。就是父級元素里多個子集元素,如果某個子集元素設置為浮動型,那它們就不受文檔流限制,導致父級元素沒有高度,不能被撐起來。
解決這個問題有幾個辦法:http://www.cnblogs.com/ForEvErNoME/p/3383539.html
1、設置父級元素浮動
(會引起整體浮動,有可能影響布局,不推薦)
內聯元素:
①和其他元素都在一行上;
②高,行高及外邊距和內邊距不可改變;
③寬度就是它的文字或圖片的寬度,不可改變
④內聯元素只能容納文本或者其他內聯元素
素材包下載不了?。。。。。。?/div>
強迫癥表示受不了ad那圖的白邊, 自己切了一下,大伙拿去用 :
http://pan.baidu.com/s/1gfqg3jt
強迫癥表示微信圖標不整齊。很揪心,下面是解決的代碼:
html代碼: <li class="copyright_title">
<li class="copyright_foot">
css代碼: .copyright_title img{
margin-bottom: -10px;}
.copyright_foot img{
margin-top: 8px;
}
網速真差,偏偏就那個圖片加載不出來
老師,你把那個放大鏡當做背景圖片放在那個文本框里面是不是不合適?。恳驗橐话憔W頁的放大鏡點擊是相當于搜索的??刹豢梢园逊糯箸R通過定位的方式放到文本框里面啊?
自頂向下,逐步細化
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消