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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
.topList a{
display:block;
width:200px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.topList a:link,.topList a:visited{
text-decoration:none;
color:#000;
}
.topList a:hover,.topList a:active{
text-decoration:none;
color:#c00;
.topList em{display:block;

width:20px;

height:16px;

color:#333;

font-style:normal;

background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) 0 -16px;

text-align:center;

float:left;

}
display:block;/*內聯對象需加*/
width:230px;
white-space:nowrap;/* 不換行 */
overflow:hidden;/* 內容超出寬度時隱藏超出部分的內容 */
text-overflow:ellipsis;/* 當對象內文本溢出時顯示省略標記(...) ;需與overflow:hidden;一起
<style type="text/css">
.myBox{
width:200px;
height:100px;
border:1px solid #F00;
margin-top:10px;
padding-left:15px;}
</style>
list-style-image可以把圖像設置為列表中的項目符號!?。。。?/div>
閑來無事,20分鐘PS畫完,發現有點浪費時間,對于老司機的我來說,畢竟是初級教程,唉,看看C4D去。
自學了兩個月了,還是感覺很混亂,標簽各種記不住。愁
微信關注圖標不加這個居中感覺好難受- -。
.copyright_content img
{
vertical-align:middle;
}
.mainBox{
width: 960px;
/*方式1*/
/*height: 300px;*/
/*方式2*/
/*float: left;*/
background-color: #CFF;
}
/*方式3mainBox div中添加class為clear的空div清除浮動*/
.clear{
clear: both;
height: 0;
overflow: hidden;
}
這老師講的不錯!
myFocus.set({
id:'boxID',//焦點圖盒子ID
pattern:'mF_fancy',//風格應用的名稱
time:3,//切換時間間隔(秒)
trigger:'click',//觸發切換模式:'click'(點擊)/'mouseover'(懸停)
width:450,//設置圖片區域寬度(像素)
height:296,//設置圖片區域高度(像素)
txtHeight:'default'//文字層高度設置(像素),'default'為默認高度,0為隱藏
});
</script>
<script type="text/javascript">
myFocus.set({
id:'picBox',
pattern:'這里改變屬性名字可以有不同風格哦',
})
</script>
background:url(../images/search.jpg) no-repeat center right white;
這樣是不是更省一行
那個居中對其不用line-height一致,用padding-top或者margin-top也可以調到居中,是不是也可行呢???
https://github.com/logan70/enterprise-website
源碼
https://logan70.github.io/enterprise-website/
效果頁
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消