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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
.newsTitle,.newsInfo{text-align:center;}
.newsInfo{color:#666;border-bottom:1px dotted #666;}
.newsContent{
text-indent:2em;line-height:25px;
}
.newsBox{
min-height:300px;
}
.newsContent .bold{
font-weight:bold;
}

.newsContent img{
margin:0 auto;
display:block;
}
跟著視頻做不行 視頻剪輯合并過 明顯下載的某些素材對不上
導航的nav left為什么單獨處一行
課程總的來說還是不錯的,初學者可以多多根據視頻來練習,對于html和css這塊提升很快的
.list li{
width:50px;
height:30px;
list-style:none;
float:left;
}
.list a{
line-height:30px;
display:block;
text-decoration:none;
font-size:20px;
color:black;
text-align:center;

}
.list li a:hover,.list li a:active{
background-color:#BE3948;
color:white;
}
遇到整個網頁還是有點挑戰的,最主要的是,為什么理論上可以的東西,敲上去沒反應。。。譬如讓無序列表在一行顯示,不就是float:left;。。。就是沒反應啊沒反應。。。然后默默地粘了覺得比較好的別人的作品。我還是就看看吧。
完整樣式3如下:
em{
display:block;width:20px;height:16px;margin:0 auto;color:#333;
background:url(" http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat 0 -16px;
font-style:normal;
text-align:center;
line-height:16px;
float:left;
}
.top em{background-position:0 0;}
完整樣式2如下:
a:link,a:visited{
text-decoration:none;
color:#999;
}
a:hover,a:active{
text-decoration:none;
color:#f00;
}

li{
list-style-type:none;
padding:7px;
}
完整樣式1如下:
.topList{
width:300px;
height:180px;
border:1px solid #E8E8E8;
margin:0 auto;
padding-top:1px;
}

*{
font-size:12px;
font-family: "微軟雅黑";
margin:0;
padding:0;
}
其實 好像不需要這么麻煩吧 浮動不設置高度 只需要在父級div設置overflow:hidden就可以吧
溫故而知新,可以為師矣~
老師講的很棒,簡潔易懂
感謝老師?。。。?/div>
.topList ul{
padding:5px;

}
li{
list-style-type:none;
}
如果這里設置ul{list-style-type:none;}則不能出現想要的效果
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消