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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 页面头部制作(一) 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline; 5.JS中出现乱码,可以在引入js文件时,加上charset="gb2312"
    查看全部
  • 可以啦
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-06

  • <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>页码的制作</title> <style> /*在此定义相关CSS样式*/ .page{text-align:center;} .page a{ border:1px solid #E8E8E8; margin-left:8px; text-decoration:none; padding:5px 10px; font-size:14px; font-family:''微软雅黑''; display:inline-block; text-align:center;} .page a:link,.page a:visited{ color:black;} .page a:hover,.page a:active{ background:#cc1b1b; } </style> </head> <body> <!--在此制作页码的基本结构--> <div class="page"><a href="#">首页</a> <a href="#">&lt</a><a href="#">1</a><a href="#">2</a><a href="#">3</a><a href="#">4</a><a href="#">...</a> <a href="#">&gt</a><a href="#">末页</a> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 清除浮动clear,规定那一侧不允许浮动
    查看全部
    0 采集 收起 来源:浮动 float

    2015-06-06

  • 各种浮动盒子的总宽度不能超过父级盒子的宽度,否则会换行
    查看全部
    0 采集 收起 来源:浮动 float

    2015-06-06

  • 浮动框脱离了普通的文档流
    查看全部
    4 采集 收起 来源:浮动 float

    2015-06-06

  • 完成啦
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-05

  • okl
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-05

  • okl
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-05

  • 给大拇指吧 (๑˘ ˘๑)
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-05

  • <body> <div> <ul> <li>首页</li> <li>课程中心 <ul> <li>Web前端开发 <ul> <li>html</li> <li>css</li> <li>jquery</li> <li>javaScript</li> </ul> </li> <li>Android开发</li> <li>HPH开发</li> </ul> </li> </ul> </div> </body>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 页面头部制作(一) 1、让元素在横向页面居中,可使用:margin:0 auto; 2、让列表文本垂直居中,可设置相等的高与行高,即:height:*px;line-height:*px;; 3、改变列表的项目标点,可使用list-style-img:url("图标地址");; 4、让列表显示在同一行,可使用:display:inline;;
    查看全部
  • 第一次布局慕课网首页
    查看全部
    0 采集 收起 来源:编程挑战

    2015-06-03

  • <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <style type="text/css"> .top li{ list-style-type:none; line-height:25px; } .top a:link,.top a:visited{ text-decoration:none; color:#333; } .top a:hover,.top a:active{ color:red; } </style> </head> <body> <div class="top"> <ul> <li><a href="#">首页</a></li> <li><a href="#">课程中心</a> <ul> <li><a href="#">web前端<a> <ul> <li><a href="#">HTML<a></li> <li><a href="#">CSS<a></li> <li><a href="#">JAVASCRIPT<a></li> <li><a href="#">JOUERY<a></li> </ul> </li> <li><a href="#">android开发<a></li> <li><a href="#">php开发<a></li> </ul> </li> </ul> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • jfhdjfdkg
    查看全部
    0 采集 收起 来源:编程练习

    2015-06-03

举报

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

微信扫码,参与3人拼团

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

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