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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • lalala~~
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-28

  • 在ie中不居中的问题: sublime默认没有在HTML前加上DTD,于是IE就以HTML而不是XHTML来解释文档. 问题并不在CSS而在XHTML网页本身. 需要加上这样的代码才能使得上述设置有效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    查看全部
  • 完整首页
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-26

  • 1、在分栏的时候,需要全面考虑盒子的总宽高,特别容易忽略border边框的宽度; 2、在设计时,可对div添加不同背景色来辅助设计,确定盒子的大小及位置; 3、自上而下的设计框架;
    查看全部
  • 页面头部制作(一) 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline;; 5a:link 初始状态 a:visited 访问之后状态 a:hover, 鼠标经过状态 a:active 摁下鼠标之后的状态 6 text-decoration: none; 下划线无
    查看全部
  • 新闻内容
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-25

  • 2015/6/24 19:53
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-24

  • 页码制作
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-24

  • 菜单栏布局
    查看全部
  • 1.焦点图初始化的id与图片列表最外层的id一致 2.图片列表外面,包裹一个class为PIC的div。 myFocus插件实现焦点图轮播效果 1.下载myFocus,拷贝js文件夹到项目,在html页面中引入必要的文件。 <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script> <script src="js/mf-pattern/mF_YSlider.js" type="text/javascript"></script> <link href="js/mf-pattern/mF_YSlider.css" rel="stylesheet" type="text/css"/> 2. <div class="ad" id="picBox"><!--必须自定义的div,在css配置时只需配置这个id--> <div class="loading"><img src="" alt="图片加载中"/></div><!--使用myFocus,图片未加载完成前的提示图片配置即载入画面--> <div class="pic"><!--使用myFocus必须要定义的固定div--> <ul> <li><img src=""> <li><img src=""> <li><img src=""> </ul> </div> </div> 3.在script中配置myFocus如此: myFocus({ id:'picBox'}) 4.详细教程http://demo.jb51.net/js/myfocus/tutorials.html
    查看全部
  • 嵌套列表
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-23

  • 完整版首页
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-23

  • 新闻内容进行排版
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-23

  • 2.所有日期都在span中,所以.news_list span{} 注意:当在IE中时,日期会错位一行,解决:带有span的日期放在新闻
    查看全部
  • <div class="page"> <a href="#">首页</a> <a href="#">&lt;</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">…</a> <a href="#">&gt;</a> <a href="#">末页</a> </div>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

举报

0/150
提交
取消
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

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

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