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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
.newsTitle,.newsInfo{text-align:center;}
.newsInfo{color:#666;border-bottom:1px dotted #666;}
.newsContent{
text-indent:2em;line-height:25px;
}
.newsBox{
min-height:300px;
}
.newsContent .bold{
font-weight:bold;
}

.newsContent img{
margin:0 auto;
display:block;
}
跟着视频做不行 视频剪辑合并过 明显下载的某些素材对不上
导航的nav left为什么单独处一行
课程总的来说还是不错的,初学者可以多多根据视频来练习,对于html和css这块提升很快的
.list li{
width:50px;
height:30px;
list-style:none;
float:left;
}
.list a{
line-height:30px;
display:block;
text-decoration:none;
font-size:20px;
color:black;
text-align:center;

}
.list li a:hover,.list li a:active{
background-color:#BE3948;
color:white;
}
遇到整个网页还是有点挑战的,最主要的是,为什么理论上可以的东西,敲上去没反应。。。譬如让无序列表在一行显示,不就是float:left;。。。就是没反应啊没反应。。。然后默默地粘了觉得比较好的别人的作品。我还是就看看吧。
完整样式3如下:
em{
display:block;width:20px;height:16px;margin:0 auto;color:#333;
background:url(" http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg") no-repeat 0 -16px;
font-style:normal;
text-align:center;
line-height:16px;
float:left;
}
.top em{background-position:0 0;}
完整样式2如下:
a:link,a:visited{
text-decoration:none;
color:#999;
}
a:hover,a:active{
text-decoration:none;
color:#f00;
}

li{
list-style-type:none;
padding:7px;
}
完整样式1如下:
.topList{
width:300px;
height:180px;
border:1px solid #E8E8E8;
margin:0 auto;
padding-top:1px;
}

*{
font-size:12px;
font-family: "微软雅黑";
margin:0;
padding:0;
}
其实 好像不需要这么麻烦吧 浮动不设置高度 只需要在父级div设置overflow:hidden就可以吧
温故而知新,可以为师矣~
老师讲的很棒,简洁易懂
感谢老师!!!!
.topList ul{
padding:5px;

}
li{
list-style-type:none;
}
如果这里设置ul{list-style-type:none;}则不能出现想要的效果
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消