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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
老師思路好清晰,不拖泥帶水,給力 很贊
總結:常用的清除浮動的方法。
1、使用空標簽清除浮動。我用了很久的一種方法,空標簽可以是div標簽,也可以是P標簽。我習慣用<P>,夠簡短,也有很多人用<hr>,只是需要另外 為其清除邊框,但理論上可以是任何標簽。這種方式是在需要清除浮動的父級元素內部的所有浮動元素后添加這樣一個標簽清除浮動,并為其定義CSS代 碼:clear:both。此方法的弊端在于增加了無意義的結構元素。
.topList a:hover,.topList a:active{text-decoration:none;color:red;}
p{display:inline-block;font-size:10px;}
em{display:inline-block;width:20px;height:16px;vertical-align:middle;text-align:center;color:#333;font-style:normal;background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) left bottom;overflow:hidden;}
.topList a:link,.topList a:visited{text-decoration:none;color:#000;}
ul,li,p{margin:0;padding:0;}
.topList{width:300px;height:180px;border:1px solid #E8E8E8;margin:0 auto;}
ul{padding:5px;}
li{list-style-type:none; line-height:16px;margin-bottom:12px;}
.top em{background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg);}
<p class="subtitle"> App Store力薦慕課網榮登四榜單</p>
.newsContent{
font-size:14px;
color:#333;
padding:30px;
text-indent:2em;
line-height:25px;
}
.newsContent p{
margin:10px;
}
.newsContent p img{
display:block;
margin:0 auto;
}
.subtitle{
font-weight:bold;
font-size:16px;
}
*{
margin:0;
padding:0;
}
.newsBox{
min-height:300px;
}
.newsTitle{
font-size:20px;
text-align:center;
margin:20px 0;
}
.newsInfo{
font-size:16px;
color:#999;
text-align:center;
padding:0 0 5px;
border-bottom:1px dotted #666;
}
樣式中的圖片說明,可以在<img ... alt="圖片1">添加alt實現
老師講的很棒,聽下來感覺get到挺多。唯一的遺憾就是頁面沒有用到js,jquery.焦點圖那里不能算的吧。。
.newsContent{
text-indent:2em;
min-height:300;
line-height:25px;
}
老師講的資源怎么下載啊,那些images圖片還有js代碼??求
isplay:inline-block;
border:1px solid #e8e8e8;
margin:5px;
padding:5px 10px;
text-decoration:none;
<div class="mainBox">
<div class="leftBox"></div>
<div class="rightBox"></div>
<div class="clear"></div>
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消