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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
em{background-image:url("http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg");
background-position:0 100%;} 部分代码 让图片显示灰色的下半部分
我就静静地看你装B
a{
color:#000;
text-decoration:none;
border:1px solid #e8e8e8;
padding:5px 7px;
display:inline-block;

}
a:link,a:visited{
color:#000;
}
a:hover,a:active{
color:#fff;
background:#cc1b1b;
}
老师有口音!!!!页(四声)面(二声)。。。
很不错,弄完稍微修改一下就好了,加载速度很快。不慢啊
老师讲的很棒 希望还可以出更多的课程
还有老师肯定也有一颗少女心 我也喜欢粉色 温暖可爱的颜色
想看一下轮播图的源码
em{float:left; display:block; width:20px; height:16px; text-align:center; color:#fff; background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg);}
.top em{ background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg); background-position:0 16px; color:#333;}
照着做没出效果就对了,方法不行了。
跟着学了好几个老师的讲课,CSS还是这个老师讲的最好,推荐学习!
做的过程中,如果全按老师的步骤的话盒子模型会出现几个错误。比如这期的ad的盒子会遮盖nav盒子,给ad盒子加一个margin-top就好
谢谢老师~
我发现.nav不用绝对布局的话,.nav_left会始终独占一行
li{

list-style-type:none;
float:left;
width:50px;
height:30px;
text-align:center;
line-height:30px;
}

a:link,a:visited{
text-decoration:none;
color:#000;
}
a:hover,a:active{
display:block;
background:#BE3948;
color:#fff;
}
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消