为了账号安全,请及时绑定邮箱和手机立即绑定

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
/*在此定义相关样式,控制列表的显示形式*/
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库-->
即可

最新回答 / 坐地生财
极速模式用的是chrome的内核,兼容模式是IE。这种情况有可能是样式有不规范的地方。
.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;
}

最新回答 / Flower4100271
如果不加loding div一切正常。加了loding之后  就这样了。<...图片...><...图片...>

最新回答 / qq_Jabo
你的nav_mid_left ,nav_mid_right 的width和是多少而你设置的nav_mid的width是多少?还有最重要的你nav_mid中的li设置float了?
一步一步来,之前看完了css,觉得动手实践还是最好的,加油。

最新回答 / qq_梦里_0
type="text/jscript"这是引用js文件时候你写错了应该是type="text/javascript"<form action=""method=post>里面的method="post"引号掉了<float :none>?这句什么意思?要么你就把它写在 css/main.css文件里面。如果想写在html文件里面要么就写在head里面用<style type="text/css"></style>包裹起来。要么写在下面写成<style=...
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消