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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 拿到一个网页设计图的时候,首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上,而不要过多考虑设计图上的样式, 等到html按内容编写完成之后,再考虑样式的实现。 在不改变现有结构的基础上,完成设计图要求的视觉效果 可以用margin为负数来移动元素的位置,先编写语义化的html代码,再用CSS进行调整与设计!
    查看全部
    0 采集 收起 来源:排行榜制作

    2015-07-21

  • img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;padding:1px 20px 37px 30px;}
    查看全部
    0 采集 收起 来源:编程挑战

    2015-07-21

  • margin-left和margin-right实现效果一样是为什么?
    查看全部
    0 采集 收起 来源:编程挑战

    2015-07-21

  • 结构和形式分离的思想 1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。
    查看全部
  • 拿到一个网页设计图的时候,首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上,而不要过多考虑设计图上的样式, 等到html按内容编写完成之后,再考虑样式的实现。 在不改变现有结构的基础上,完成设计图要求的视觉效果
    查看全部
    0 采集 收起 来源:排行榜制作

    2015-07-20

  • 可以用margin为负数来移动元素的位置,先编写语义化的html代码,再用CSS进行调整与设计!
    查看全部
    0 采集 收起 来源:排行榜制作

    2015-07-20

  • 看到一个效果图的时候,根据蚊子内容以及内容见的模块关系,先去定模块结构,而不是css的设定,先讲内容从重点到次要列出来,然后在用css改变现有结构,来达到视觉上效果的一致。 同学的笔记: 拿到一个网页设计图的时候,首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上,而不要过多考虑设计图上的样式, 等到html按内容编写完成之后,再考虑样式的实现。 在不改变现有结构的基础上,完成设计图要求的视觉效果
    查看全部
    0 采集 收起 来源:排行榜制作

    2015-07-20

  • 结构和形式分离的思想 1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。
    查看全部
  • 可以用margin为负数来移动元素的位置,先编写语义化的html代码,再用CSS进行调整与设计!
    查看全部
    0 采集 收起 来源:排行榜制作

    2015-07-20

  • 电话号码可以用text-indent 文本缩进 ,某些时刻可以取代定位等样式,是结构与css 都更简洁化
    查看全部
  • 结构和形式分离的思想 1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。
    查看全部
  • 结构和形式分离的思想 1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。
    查看全部
  • 结构与表现
    查看全部
    0 采集 收起 来源:编程挑战

    2015-07-19

  • 看到一个效果图的时候,根据蚊子内容以及内容见的模块关系,先去定模块结构,而不是css的设定,先讲内容从重点到次要列出来,然后在用css改变现有结构,来达到视觉上效果的一致。 同学的笔记: 拿到一个网页设计图的时候,首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上,而不要过多考虑设计图上的样式, 等到html按内容编写完成之后,再考虑样式的实现。 在不改变现有结构的基础上,完成设计图要求的视觉效果
    查看全部
    0 采集 收起 来源:排行榜制作

    2015-07-19

  • text-indent 文本缩进 ,某些时刻可以取代定位等样式,是结构与css 都更简洁化
    查看全部

举报

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

微信扫码,参与3人拼团

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

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