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

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

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

    2016-03-11

  • 相同的HTML结构,不同的CSS样式,这就是网页换肤
    查看全部
    0 采集 收起 来源:编程挑战

    2016-03-11

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

    2016-03-11

  • 1. 初级的开发人员思路及制作方法:div层层嵌套;<br><br> 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化;<br><br> 3. 高级的开发人员思路及制造方法:最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。<br><br> 步骤:<br><br> 先按结构和语义编写代码<br>
    查看全部
  • 编写语义化的HTML内容
    查看全部
    0 采集 收起 来源:练习题

    2016-03-11

  • 1. 初级的开发人员思路及制作方法:div层层嵌套;<br> 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化;<br> 3. 高级的开发人员思路及制造方法:最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。<br> 步骤:<br> 先按结构和语义编写代码<br> 然后进行css样式设置<br> 减少HTML与CSS契合度
    查看全部
  • 简历中的项目可以这样做,可以体现出CSS的功力。 样式1 样式2 样式3
    查看全部
  • 拿到一个网页设计图的时候,首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上,而不要过多考虑设计图上的样式, 等到html按内容编写完成之后,再考虑样式的实现。 在不改变现有结构的基础上,完成设计图要求的视觉效果. 利用margin属性来移动设置html结构. margin可以是负值,通过负值,可以使该内容进行移动!实现四个方向的移动。 在结构(HTML)和样式(css)中,可以先把内容通过HTML写出来,再利用margin移动位置,实现排版,降低样式和结构的耦合,并且减少代码
    查看全部
    0 采集 收起 来源:排行榜制作

    2016-03-10

  • 不失为一种新思路
    查看全部
    0 采集 收起 来源:排行榜制作

    2016-03-10

  • 真正要做到的是:减少标签数量,用css实现相同效果。 这里的电话号码400-553-664 按自己一般的做法是用span包裹起来,再对span进行操作。 但是老师的做法是:<div>400-553-664 <a>我要建站</a> </div>,直接对div使用text-indent:585px实现。
    查看全部
  • div加margin-right实现右移 ; 图片float:left + margin ;
    查看全部
  • 高级工程师一搬这样写
    查看全部
  • 子元素全部浮动,父元素清除浮动的方法:除了增加.clearfix , 还可以给父元素设置overflow:hidden。
    查看全部
  • 结构表现行为分离不仅仅是代码的分离,更是一种思想
    查看全部
    0 采集 收起 来源:内容简介

    2016-03-10

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

举报

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

微信扫码,参与3人拼团

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

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