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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
li{float:left;width:50px;height:30px;list-style-type:none;text-align:center;line-height:50px}a:link,a:visited{display:block;text-decoration:none;color:#000}a:hover{color:#fff;background-color:#be3948;text-decoration:none}
注意要讓a標簽變成塊級元素,display:block;
免廣告可以考慮視頻網站提供的API,這是一般網站采取的方法
你們難道都沒有看到前邊的方塊不同?
大家伙: 圖片上的小圓點用不了啊,而且不會隨圖片數量變化增加和減少,這是什么原因呢?
margin:0 auto;無法居中的 要確定已經為div設置width
答案:D
list-style-type可以設置列表項目符號為:none無項目符號,disc實心圓,circle空心圓,square實心方塊等但是不可以設置圖片為項目符號。
接上一條。
當你設置兩個子元素都是float的時候,子元素就脫離了普通文檔流,換句話說子元素已經浮動到父元素頭上了。那么這時候父元素就會出現一個問題,及父元素撐不開了(父元素找不到自己的該設置多高好了,這里是關鍵哦)。這就是題目中的父元素“塌陷具有零高度”的由來。如果你真正明白了上節最后為什么說了個“設置元素的clear屬性后,該元素將排在所有浮動元素的最下行”,那你就感受到這道題其實非常厲害和有意思。
回到題目中,父元素塌陷了是因為找不到自己的高度依據。那么就好解決了,要么設置高度,要么父元素也浮動起來。其中A選項提供了非常有意思的處理辦法,及在所有子元素最后加個0高度且clear浮動的元素
要明白老師在考你什么,題目是想考,例如:
```
/*HTML*/
<div class="father">
<div class="childA"></div>
<div class="childB"></div>
</div>

/*CSS*/

.childA {
width:100px;
height:100px;
}

.childB {
width:100px;
height:100px;
}
```
正常文檔流中,父元素div就算沒有設置高度和寬度,但是因為子元素有高寬,所以父元素會被子元素撐開;
在CSS中沒有a和d選項中的屬性,list-style-image可以把圖像設置為列表中的項目符號;list-style-type可以設置列表項目符號的不同樣式,如:none表示無項目符號,disc表示實心圓(默認值),circle表示空心圓,square表示實心方塊等。
<style type="text/css">
.myBox {width:183px;
height:88px;
border:1px solid red;
margin-top:10px;
padding-left:15px;
}
</style>
盒子在頁面中占的總寬度為:左邊距+左邊框+左填充+寬度+右填充+右邊框+右邊距。增加左右填充后會使盒子總寬度增加10px+20px=30px,因此應該把盒子的寬度減少30px,才能保證盒子在頁面中占的總寬度不變
ul li{
list-style-type:none;
width:50px;
height:30px;
float:left;
text-align:center;
}

ul li a{
display:block;
text-decoration: none;
line-height:30px;
}

ul a:link,ul a:visited{
color: #000;
}

ul a:hover,ul a:active{
background:#BE3948;
color:#fff;
}
list頁有源碼嗎、、、
大家都是學了多久才能完成這個練習的?
浮動導航依然過時
豈不知inline?
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消