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

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

企業網站綜合布局實戰

zkpplpp PHP開發工程師
難度初級
時長 2小時55分
學習人數
綜合評分9.73
544人評價 查看評價
9.8 內容實用
9.8 簡潔易懂
9.6 邏輯清晰
很清新,很贊,自學中
1.下劃線可以使用border-bottom或者自定義class來實現

2.float可以直接加在ul上面,加在li上還要調整html代碼,而且反向調整也不太好

3.list-style可以直接定制三角形或者使用counter計數器,用圖片不太好

4.去除a標簽的默認事件,寫成href='javascript:;'比較合理

5.建議使用WebStorm
果然,要設置寬度才能顯示
width:1000px;
.main{
width : 960px;
background : #CFF;
float : left;
}
.left{
height : 300px;
width : 740px;
background : #C9F;
float : left;
}
.right{
width : 210px;
background : #FCF;
height : 300px;
float : right;
}
/*在此定義相關樣式,控制列表的顯示形式*/
li{
float: left;
list-style: none;
width: 50px;
}
a{
text-decoration:none;
text-align: center;
}
a:hover {
background-color: red;
}
a:link, a:visited {
color:black;
}
<li><a href='#' style='display:block'>高級</a></li>
<ul>
<li><a href="list.html">公司新聞</a></li>
<li><a href="list.html">行業新聞</a></li>
<li><a href="list.html">媒體報道</a></li>
<li><a href="list.html">活動專題</a></li>

</ul>
在新版的myFocus中,不需要引入風格js文件和風格css文件,只需要添加

<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus庫-->

即可
風格js文件和css文件放在mf-pattern文件夾中 ,把mf-pattern文件夾和myfocus-2.0.0.min.js放在同一根目錄下。
在新版的myFocus中,不需要引入風格js文件和風格css文件,只需要添加
<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus庫-->
即可
.topList p{
display: inline;
}

.top em{
background:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat;
}

.topList a:link,.topList a:visted{
color:#F00;
}

.topList a:hover,.topList a:active{
color:#F30;
}
.topList li{
list-style-type:none;
}

.topList em{
width:20px;
height:16px;
text-align:center;
font-style:normal;
color:#333;
background:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") 0px -16px; no-repeat;
}
*{
margin:0;
padding:0;
font-size:15px;
}

.topList{
width:300px;
height:180px;
border:1px solid #E8E8E8;
margin:0 auto;
padding:5px;
}
復習下也蠻好的!老師思路清晰多了!
老師應該是南方人,口音好重,哈哈,普通話................
給父元素添加overflow:hidden 屬性可以使父元素重新包裹leftBox和rightBox兩個元素
.mainBox{
width:960px;
background:#cff;
overflow:hidden;
}
.leftBox{
width:740px;
height:300px;
background:#c9f;
float:left;
}
.rightBox{
width:210px;
height:300px;
background:#fcf;
float:right;
}
一步一步來,之前看完了css,覺得動手實踐還是最好的,加油。
課程須知
1. 您已具備HTML 常用標簽和屬性。 2. 您已具備CSS 常用屬性和值。 3. 您想提升網頁布局技能。
老師告訴你能學到什么?
1.CSS中盒子模型的使用 2.網頁三列布局方法 3.兩列自適應高度布局方法 4.幻燈片切換效果的制作方法 5.導航菜單的制作方法

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消