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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
.topList a{
display:block;
width:200px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.topList a:link,.topList a:visited{
text-decoration:none;
color:#000;
}
.topList a:hover,.topList a:active{
text-decoration:none;
color:#c00;
.topList em{display:block;

width:20px;

height:16px;

color:#333;

font-style:normal;

background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) 0 -16px;

text-align:center;

float:left;

}
display:block;/*内联对象需加*/
width:230px;
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起
<style type="text/css">
.myBox{
width:200px;
height:100px;
border:1px solid #F00;
margin-top:10px;
padding-left:15px;}
</style>
list-style-image可以把图像设置为列表中的项目符号!!!!!
闲来无事,20分钟PS画完,发现有点浪费时间,对于老司机的我来说,毕竟是初级教程,唉,看看C4D去。
自学了两个月了,还是感觉很混乱,标签各种记不住。愁
微信关注图标不加这个居中感觉好难受- -。
.copyright_content img
{
vertical-align:middle;
}
.mainBox{
width: 960px;
/*方式1*/
/*height: 300px;*/
/*方式2*/
/*float: left;*/
background-color: #CFF;
}
/*方式3mainBox div中添加class为clear的空div清除浮动*/
.clear{
clear: both;
height: 0;
overflow: hidden;
}
这老师讲的不错!
myFocus.set({
id:'boxID',//焦点图盒子ID
pattern:'mF_fancy',//风格应用的名称
time:3,//切换时间间隔(秒)
trigger:'click',//触发切换模式:'click'(点击)/'mouseover'(悬停)
width:450,//设置图片区域宽度(像素)
height:296,//设置图片区域高度(像素)
txtHeight:'default'//文字层高度设置(像素),'default'为默认高度,0为隐藏
});
</script>
<script type="text/javascript">
myFocus.set({
id:'picBox',
pattern:'这里改变属性名字可以有不同风格哦',
})
</script>
background:url(../images/search.jpg) no-repeat center right white;
这样是不是更省一行
那个居中对其不用line-height一致,用padding-top或者margin-top也可以调到居中,是不是也可行呢???
https://github.com/logan70/enterprise-website
源码
https://logan70.github.io/enterprise-website/
效果页
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消