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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
.top em{
background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg);
background-position:0 0;
color:#fff;
}
.bottom em{
background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg);
background-position:0 16px;
}
我的1000x310的圖片不顯示，去查看結果是變成了1像素，什么鬼。。。
styleshit.............
同學代碼里就一個人實現了“當前頁的頁碼要顯示紅色背景”這條要求。判斷部分用的還是正則表達式。
于是就用原生js寫了個，沒用正則表達式，還有些改進地方。
______________________________________
不用那么復雜,給當前頁面加一個current類名,在css里面和:hover同時設置,要動態調整的時候,用js給每個a標簽添加或者去掉current類名即可.
本來全是碎片，老師講了一下，發現全都會用了，好神奇。
大家一定要先清除li的默認樣式，padding和margin。不然對緊接著的元素浮動和padding值有很大影響，會混亂。
a:link,a:visited{color:#333;text-decoration:none;}
p{float:left;}
ul{margin:5px 10px;}
.two{background: url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat 0 -16px;}
</style>

然后再在結構中后面三個<em>加入class="two"
em{display:block;width:20px;height:16px;;color:#333;
float:left;text-align:center;
background: url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat;font-style:normal;}
li{list-style-type:none;overflow: hidden;
line-height:16px;margin-bottom: 14px;}
<style type="text/css">


*{padding: 0px;margin:0px;}
div{border:1px solid #e8e8e8;width:300px;
height:180px;font-size:12px;margin:0 auto;}
看視屏有驚喜，我嘞個擦
上慕課網學習，走向人生巔峰，迎娶白富美?。?！
2.0的速度非常爽啊
今天是工作第一天，我來復習一下子，大家加油！
li{float:left;list-style-type:none;width:40px;height:30px;text-align: center;line-height: 30px;}
a:link,a:visited{color:#BE3948;display:block;text-decoration:none;}
a:hover{ color:#fff;display:block;background-color:#BE3948;text-decoration:none;}
li{
list-style:none;
float:left;
}
a:link,a:visited{
display:block;
text-decoration:none;
color:#000;
width:48px;
height:30px;
line-height:30px;
text-align:center;
}
a:hover,a:active{
color:white;
background:#BD3948;
}
CSS屬性的排列順序: L-V-H-A 。

L-V-H-A是link、visited、hover、active的簡寫。

它們分別表示

A:link 超鏈接的默認樣式
A:visited 訪問過的（已經看過的）鏈接樣式
A:hover 鼠標處于鼠標懸停狀態的鏈接樣式
A:active 當鼠標左鍵按下時，被激活（就是鼠標按下去那一瞬間）的鏈接樣式。
首頁上一頁78798081828384下一頁尾頁
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么？
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼，參與3人拼團

微信客服

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

 幫助反饋 APP下載

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

 公眾號

掃描二維碼
關注慕課網微信公眾號
友情提示：

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

本次提問將花費2個積分

你的積分不足，無法發表

為什么扣積分？

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消