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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 步骤: 先按结构和语义编写代码 然后进行css样式设置 减少HTML与CSS契合度 1. 初级的开发人员思路及制作方法:div层层嵌套; 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化; 3. 高级的开发人员思路及制造方法:简化结构,并在现有的结构基础上,只通过样式去改变他的布局,达到一个视觉效果 例:先将整体移动到位,然后使用浮动和margin(margin:-20px 0 0 -100px)将图片移出
    查看全部
  • 1. 初级的开发人员思路及制作方法:div层层嵌套; 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化; 3. 高级的开发人员思路及制造方法:简化结构,并在现有的结构基础上,只通过样式去改变他的布局,达到一个视觉效果
    查看全部
  • 结构 表现 行为分离
    查看全部
    1 采集 收起 来源:内容简介

    2015-09-27

  • 先考虑布局结构,在考虑样式;在不考虑样式的情况下编写结构,然后尽可能的不改变原有结构的情况下编写样式实现效果
    查看全部
    1 采集 收起 来源:排行榜制作

    2015-09-18

  • 初级的人员思路及制作方法:div层层嵌套。 中级的人员思路及制作方法:去掉多余的div,进行简化。 高级的人员思路及制作方法:简化结构,并在现有结构基础上,只通过样式去改变它的布局,就完成了一个视觉效果。 步骤: 先按结构和语义编写代码 然后进行css样式设置 减少HTML与CSS契合度
    查看全部
  • 初级的人员思路及制作方法:div层层嵌套。 中级的人员思路及制作方法:去掉多余的div,进行简化。 高级的人员思路及制作方法:简化结构,并在现有结构基础上,只通过样式去改变它的布局,就完成了一个视觉效果。 步骤: 先按结构和语义编写代码 然后进行css样式设置 减少HTML与CSS契合度
    查看全部
  • 排行榜标题制作
    查看全部
    1 采集 收起 来源:排行榜制作

    2015-01-02

  • 建议大家编写html代码的时候: 先按结构和语义编写代码; 然后进行CSS样式设置; 减少HTML与CSS契合度。
    查看全部
  • 网页包含三个层次(没错,它们都需要各自分离) 1.HTML结构 2.CSS表现 3.JavaScript行为 HTML结构层是网页最重要的基础。HTML标签给予内容含义。CSS表现层则是定义您的HTML该如何显示。JavaScript行为层为页面增加交互。
    查看全部
    1 采集 收起 来源:内容简介

    2014-11-20

  • *div当中的width性质其实指的是content的宽度,如果padding为0的话,content的宽度就是border的间距,否则content-width+padding*2才是border边长。
    查看全部
  • 因为img的背景图片在没有设置padding的时候,是被图片覆盖了的,所以要设置padding这样可以把img标签撑大,就可以把背景图片显示出来了
    查看全部
    1 采集 收起 来源:编程挑战

    2015-07-23

  • 相当的不错
    查看全部
  • 拿到一个网页设计图的时候,首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上,而不要过多考虑设计图上的样式, 等到html按内容编写完成之后,再考虑样式的实现。 在不改变现有结构的基础上,完成设计图要求的视觉效果
    查看全部
    1 采集 收起 来源:排行榜制作

    2015-07-09

  • margin的偏移量!!!
    查看全部
    1 采集 收起 来源:排行榜制作

    2015-06-24

  • 马克...
    查看全部
    1 采集 收起 来源:排行榜制作

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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