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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
list-style明明就可以
nav_mid里没必要再分两个div了
body,html{margin:0;padding:0;}
a{display:inline-block;width:22px;height:22px;border:1px solid #e8e8e8;background:#fff;line-height:22px;text-align:center;cursor:pointer; text-decoration:none;}
a.page{width:40px;height:22px;}
a:link,a:visited{color:#000;}
a:hover,a:active{background:red;}
老师思路好清晰,不拖泥带水,给力 很赞
总结:常用的清除浮动的方法。
1、使用空标签清除浮动。我用了很久的一种方法,空标签可以是div标签,也可以是P标签。我习惯用<P>,够简短,也有很多人用<hr>,只是需要另外 为其清除边框,但理论上可以是任何标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动,并为其定义CSS代 码:clear:both。此方法的弊端在于增加了无意义的结构元素。
.topList a:hover,.topList a:active{text-decoration:none;color:red;}
p{display:inline-block;font-size:10px;}
em{display:inline-block;width:20px;height:16px;vertical-align:middle;text-align:center;color:#333;font-style:normal;background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) left bottom;overflow:hidden;}
.topList a:link,.topList a:visited{text-decoration:none;color:#000;}
ul,li,p{margin:0;padding:0;}
.topList{width:300px;height:180px;border:1px solid #E8E8E8;margin:0 auto;}
ul{padding:5px;}
li{list-style-type:none; line-height:16px;margin-bottom:12px;}
.top em{background:url( http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg);}

最新回答 / 慕盖茨8324958
但是不加myfoucus的loading,图片秒读哦,很明显感觉是myfoucus有设置到或是受到影响,每次都要loading转一下
<p class="subtitle"> App Store力荐慕课网荣登四榜单</p>
.newsContent{
font-size:14px;
color:#333;
padding:30px;
text-indent:2em;
line-height:25px;
}
.newsContent p{
margin:10px;
}
.newsContent p img{
display:block;
margin:0 auto;
}
.subtitle{
font-weight:bold;
font-size:16px;
}
*{
margin:0;
padding:0;
}
.newsBox{
min-height:300px;
}
.newsTitle{
font-size:20px;
text-align:center;
margin:20px 0;
}
.newsInfo{
font-size:16px;
color:#999;
text-align:center;
padding:0 0 5px;
border-bottom:1px dotted #666;
}
样式中的图片说明,可以在<img ... alt="图片1">添加alt实现
老师讲的很棒,听下来感觉get到挺多。唯一的遗憾就是页面没有用到js,jquery.焦点图那里不能算的吧。。
.newsContent{
text-indent:2em;
min-height:300;
line-height:25px;
}
老师讲的资源怎么下载啊,那些images图片还有js代码??求
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消