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

网页简单布局之结构与表现原则

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • HTML CSS JavaScript
    查看全部
    0 采集 收起 来源:内容简介

    2016-04-24

  • <!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=utf-8" /> <title>图片背景</title> <style type="text/css"> body{ margin:0;} div{background:#460E29;width:700px;padding:20px} img{width:95px;height:95px;margin-left:10px;padding:1px 20px 37px 30px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); ?} </style> </head> <body> <div><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /><img src="http://img1.sycdn.imooc.com//5385acb000013b0d00950095.jpg" /> </div> </body> </html>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 高级设计网页思路:先按结构和语义编写代码,然后进行CSS样式设置,减少HTML与CSS契合度
    查看全部
  • div,没指定高度的话,高度默认与内容同步!
    查看全部
  • 1. 初级的开发人员思路及制作方法:div层层嵌套;<br><br> 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化;<br><br> 3. 高级的开发人员思路及制造方法:最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。<br><br> 步骤:<br><br> 先按结构和语义编写代码<br>
    查看全部
  • 一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。
    查看全部
    0 采集 收起 来源:练习题

    2016-04-23

  • 1. 初级的开发人员思路及制作方法:div层层嵌套;<br><br> 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化;<br><br> 3. 高级的开发人员思路及制造方法:最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。<br><br> 步骤:<br><br> 先按结构和语义编写代码<br>
    查看全部
  • img{ width:95px; background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg);padding:1px 20px 37px 30px; margin-right:10px;}
    查看全部
    0 采集 收起 来源:编程挑战

    2016-04-20

  • 一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。
    查看全部
    0 采集 收起 来源:练习题

    2016-04-20

  • 用缩进代替新增span并对其样式定位。结构和样式分离思想。
    查看全部
  • 结构和css分离的思想
    查看全部
    0 采集 收起 来源:排行榜制作

    2016-04-18

  • 一般遵循原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。
    查看全部
    0 采集 收起 来源:练习题

    2016-04-18

  • 先写结构,然后再调整版面
    查看全部
  • test-indent: 文本缩进
    查看全部
  • 想考虑内容完整性,在考虑样式,在视觉上达到目的要求后,在进行修正
    查看全部
    0 采集 收起 来源:排行榜制作

    2016-04-18

举报

0/150
提交
取消
课程须知
1.html+css简单的基础知识 2.有网页制作实战经验
老师告诉你能学到什么?
1.根据效果图能正确分解结构和表现 2. 能够深入理解网页结构与表现分离的思想

微信扫码,参与3人拼团

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

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