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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 应该把样式和结构分离出来,尽可能让自己的结构简洁,不要为了样式特意去添加太多的结构。巧用text-indent文件缩进。
    查看全部
  • text-indent 文本缩进
    查看全部
  • 结构,表现,行为分离
    查看全部
    0 采集 收起 来源:内容简介

    2015-06-07

  • text-index: 文本行缩进定位(减少不必要的span样式定位)
    查看全部
  • 1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。
    查看全部
  • 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。
    查看全部
    0 采集 收起 来源:练习题

    2015-06-06

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

    2015-06-06

  • 用【文本缩进text-indent】改变文字的位置。减少<span>等标签的使用。 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 选定的链接 */ 在 CSS 定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。 在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。 伪类名称对大小写不敏感。
    查看全部
  • 网页制作中 结构、表现、行为分离,其中 HTML 是结构。
    查看全部
    0 采集 收起 来源:练习题

    2015-06-06

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

    2015-06-05

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

    2015-06-05

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

    2015-06-05

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

    2015-06-05

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

    2015-06-05

  • text-indent 文字缩进
    查看全部

举报

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

微信扫码,参与3人拼团

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

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