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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 要牢记盒子模型五个层次的上下关系,从上到下依次为border content&padding background-image background-color margin本课练习题中没有为content设置内边距,所以content覆盖了盒子内部的所有空间,当设置了padding之后,就露出了部分被遮挡的内容
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 所以在做设计图的时候,也可以先单纯的考虑需要搭建的主要内容,以及放的位置,然后再想他的样式风格。力求在不改变html结构的情况下用css调整想要的效果
    查看全部
  • 没有样式情况下,条理清晰的html结构
    查看全部
  • 网页换肤功能,就是表现与结构分离的重要应用之地
    查看全部
  • 在网页制作中,面对设计图,网页制作人员一般要遵循的规则是什么? 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。
    查看全部
    0 采集 收起 来源:练习题

    2016-09-17

  • 1、拿到一个网页的设计图时,首先关注网页的文字内容及内容模块之间的关系,把重点放在编写html语义化的代码上,而不要过多的考虑设计图上的布局样式,等html按内容编写完以后再考虑样式如何实现,力求不改变样式结构的基础上完成要求的视觉效果。语义化的主要目的就是让大家直观的认识标签(markup)和属性(attribute)的用途和作用! 2、利用margin属性来移动设置html结构.margin可以是负值,通过负值,可以使该内容进行移动!实现四个方向的移动。在结构(HTML)和样式(css)中,可以先把内容通过HTML写出来,再利用margin移动位置,实现排版,降低样式和结构的耦合,并且减少代码。
    查看全部
    0 采集 收起 来源:排行榜制作

    2016-09-17

  • text-indent,利用缩进而不是利用定位来实现效果,也不是用html标签单独加一个无语义的span,(加一个span让他在左边然后让a链接在右边,这本身就是用html调样式了,)就不是结构与表现分离的做法了
    查看全部
  • 先只考虑结构,最后用css调整样式,而不是直接先用html画出大概样式的轮廓再用css微调,那样就不是结构和表现的分离了
    查看全部
  • 初级学者的html架构想法; 中级..? 高级..?
    查看全部
  • 高度能不写就不写
    查看全部
  • 结构最重要,没有好的骨头,外观起码就长歪类。另外:骨骼动起来也不容易
    查看全部
    0 采集 收起 来源:内容简介

    2016-09-17

  • 网页换肤: 相同的html结构,不同的css样式。
    查看全部
    0 采集 收起 来源:练习题

    2016-09-13

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

    2016-09-13

  • 结构清晰
    查看全部
    0 采集 收起 来源:编程挑战

    2016-09-13

  • 初级学者思路:div嵌套 中级学者思路:去掉多余的div,简化html结构 高级学者思路:先按结构和语义编写代码,然后进行CSS演示设置,减少HTML和CSS契合度
    查看全部

举报

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

微信扫码,参与3人拼团

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

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