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

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • li不是内联标签,是块级元素; 里面的a才是内联标签
    查看全部
  • 课程中心HTML结构: div class=course_type div class=title_left <h2 课程中心 h2><span class=title_right More&gt&gt span> div class=course_pic<img src=.. alt=..><h2 css圆角进化论h2><p ......> div class="list" <ul li...li li...li li...li li...li li...li ul> /div /div /div /div course_type{ height:37px; width:372px; background:url...no-repeat; } course_type_list{ float:left; margin:0 15px; text-align:center; line-height:37px; }
    查看全部
  • <a href="">首页</a> <a href="">首页</a> <a href="">首页</a>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <!--在此制作一个嵌套列表--> <div> <ul > <li>首页</li> <li>课程中心 <ul > <li>Web前端 <ul > <li>HTML</li> <li>CSS</li> <li>JavaScript</li> <li>jQuery</li> </ul> </li> <li>Android开发</li> <li>PHP开发</li> </ul> </li> </ul> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • /*在此定义相关CSS样式*/ *{padding:0;margin:0;} .topList{ width:300px; height:180px; border:1px solid #E8E8E8; margin:0 auto; font-size:12px; } .topList ul{ list-style-type:none; padding:5px; } .topList ul li{ margin-bottom:12px; } .topList em{ display:block; float:left; width:20px; height:16px; color:#333; text-align:center; font-style:normal; background:url(http://img1.sycdn.imooc.com//53cf0fa20001d3dc00200032.jpg) no-repeat; background-position:0px -16px; } .topList .top em{ color:#fff; background-position:0px 3px; } .topList li a:link,a:visited{ color:#333; text-decoration:none; } </style> </head>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式,控制列表的显示形式*/ ul li{ width:50px; /*height:30px;*/ /*height如果不写,会被line-height撑开*/ list-style-type:none; float:left; text-align:center; border:1px solid red; } ul a{ display:block; line-height:80px; } ul li a:link,ul a:visited{ color:black; text-decoration:none; } ul li a:hover,ul li a:active{ background-color:#BE3948; color:#fff; text-decoration:none; } </style> </head> <body> <h3>课程难度</h3> <ul> <li><a href="">全部</a></li> <li><a href="">初级</a></li> <li><a href="">中级</a></li> <li><a href="">高级</a></li> </ul> <!--在此制作一个无序列表--> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • 我应该写点什么
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-25

  • 清楚浮动clear:left、right、both,none、inherit
    查看全部
    0 采集 收起 来源:浮动 float

    2016-08-24

  • diaplay:inlink-block
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-23

  • 引用其他网站视频的方法: <embed src="" width="" height="" allowFullScreen="true" quality="high" align="" allowScriptAccess="always" type=""></embed> 添加视频——引入其他网站的视频 直接从网站的视频分享中选中html复制,然后自定义宽高 优点:不用考虑视频优化维护问题,也不用考虑视频所占用的空间的大小; 缺点:播放会有原网站的广告,若网站视频删除,引用也会相应失败! [ 查看全文 ]
    查看全部
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>3.1页面头部制作练习题</title> <style type="text/css"> /*在此定义相关样式,控制列表的显示形式*/ li{ float:left; list-style-type:none; width:100px; height:60px; line-height:60px; text-align:center; background-color:yellow; } li a{ text-decoration:none; display:block; } li a:hover{ background:red; } </style> </head> <body> <h3>课程难度</h3> <ul> <li><a href="#" title="">首页</a></li> <li><a href="#" title="">首页</a></li> <li><a href="#" title="">首页</a></li> <li><a href="#" title="">首页</a></li> <li><a href="#" title="">首页</a></li> <li><a href="#" title="">首页</a></li> </ul> </body> </html>
    查看全部
    0 采集 收起 来源:编程练习

    2018-03-22

  • lianxi
    查看全部
  • 计划: 3-1 ~ 3-7 一天 3-8 ~ 3-14 一天 3-15 ~ 3-18 一天 4-1 ~ 4-7 一天 5-1 ~ 5-3 一天
    查看全部
  • biji
    查看全部
  • 成功!
    查看全部
    0 采集 收起 来源:编程练习

    2016-08-21

举报

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

微信扫码,参与3人拼团

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

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