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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
----標準答案快來看啊----
em
{
width:20px;
height:16px;
background:url(" http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat 0 -16px;
text-align:center;
font-style:normal;
float:left;
}
*
{
list-style-type:none;
color:#000;
text-decoration:none;
}
.top em
{
color:#fff;
background-position:0 0;
}
list-style-type可以設置列表項目符號為:none無項目符號,disc實心圓,circle空心圓,square實心方塊等但是不可以設置圖片為項目符號。
用這么多div有點煩啊,可以簡化一點不必要地去掉
這個。。加載時間太長了吧
分享2:<li><span>2014-05-28</span><a href="news_html">【慕課訪談】破繭成蝶--美女程序員的蛻變</a></li>
<li><span>2014-06-01</span><a href="news_html">【慕課訪談 用戶篇】“有為屌絲在路上”</a></li>
<li><span>2014-06-01</span><a href="news_html">【有獎活動】給父親的三行書信</a></li>
分享:
<li><span>2014-06-01</span><a href="news_html">【慕課訪談 用戶篇】“有為屌絲在路上”</a></li>
<li><span>2014-06-01</span><a href="news_html">【有獎活動】給父親的三行書信</a></li>
<li><span>2014-05-30</span><a href="news_html">《程序,請曬出你的童年》活動獲獎公告</a></li>
.mainBox{
width:960px;
background-color:#CFF;
height:300px;
padding:10px;
}
.leftBox{
width:740px;
background-color:#C9F;
height:300px;
float:left;
}
.rightBox{
width:210px;
height:300px;
background-color:#FCF;
float:left;
}
.tooList ul li {height: 30px;}
.topList ul li p a:link,a:visited{ color: #red;}
.topList ul li p a:hover,a:active{ color: #blue;}
這幾段代碼不生效 我也是日了狗了;
.myBox{
width:200px;
height:100px;
border:1px solid red;
margin-top:10px;
padding-left:15px;
-moz-box-sizing:border-box;
}
現在工作誰不用CSS3,大家要多學新知識
css3一句代碼就夠了box-sizing:border-box,不過要加兼容代碼
{
display:block;//把內聯元素變成塊級元素就可以設置圖片的屬性,而內聯元素是不允許設置margin,padding的。

margin:0 auto;
}
我們把盒子2的寬度改成1000像素,我們可以看到盒子1和盒子2還是在一行上2333
其實給盒子2添加overflow:hidden讓他適應BFC的規則就行了
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消