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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 初级学者思路:div层层套进去 中级学者思路:去掉多余的div,简化html结构 高级思路:进一步简化html,减少html与CSS的契合度
    查看全部
  • 所谓结构与表现的分离,说的是一种思想思维方法<br> 而不仅仅是指写代码的方式 写网页时应该先从结构出发,不要过多的考虑样式
    查看全部
    0 采集 收起 来源:内容简介

    2018-03-22

  • 网页包含三个层次(没错,它们都需要各自分离) 1.HTML结构 2.CSS表现 3.JavaScript行为 HTML结构层是网页最重要的基础。HTML标签给予内容含义。CSS表现层则是定义您的HTML该如何显示。JavaScript行为层为页面增加交互。
    查看全部
    0 采集 收起 来源:内容简介

    2016-09-05

  • css几个小练习
    查看全部
    0 采集 收起 来源:练习题

    2016-09-04

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

    2016-09-04

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

    2016-09-04

  • padding内边距 margin外边距
    查看全部
    0 采集 收起 来源:编程挑战

    2016-09-03

  • 结构与表现分离
    查看全部
  • HTML:结构 CSS:表现 JavaScript:行为
    查看全部
    0 采集 收起 来源:练习题

    2016-09-03

  • 要想实现网页换服这个功能,首先页面的结构要清晰,即使没有任何的样式,页面的结构也是清晰的,不至于布局混乱。然后通过css设置不同的样式。这里想到了css zen garden这个网站。就是一套换服的网站。
    查看全部
  • 在margin属性中一共有两类参考线,top和left的参考线属于一类,right和bottom的参考线属于另一类。top和left是以外元素为参考,right和bottom是以元素本身为参考。<br> <br> 正的数值会产生间隔,负的数值会拉近距离。 <br> 规律:当margin四个值都为正数值的话,那么margin按照正常逻辑同周围元素产生边距。当元素margin的top和left是负值时会引起元素的向上或向左位置移动。而当元素margin的bottom和right是负值时会影响右边和下边相邻元素会被提上去或者拉过来 当元素(不是浮动元素)的margin-top/margin-left被赋予负值时,元素将被拉进指定的方向;但如果设置margin-bottom/right为负数,元素并不会如你所想的那样向下/右移动,而是将后续的元素拖拉进来,覆盖本来的元素。
    查看全部
    0 采集 收起 来源:排行榜制作

    2018-03-22

  • text-indent文本缩进 为了简化代码,做到结构与表现分离,在定位电话的时候,使用text-indent:文本缩进属性,将电话号码定位到需要的位置。 eg:text-indent:578px;
    查看全部
  • 初级学者思路:div层层套进去 中级学者思路:去掉多余的div,简化html结构 高级思路:进一步简化html,减少html与CSS的契合度
    查看全部
  • 网页制作中 结构、表现、行为分离,其中 HTML 是结构,CSS是表现,JAVASCRIPT是行为。
    查看全部
    0 采集 收起 来源:练习题

    2016-09-03

  • 所谓结构与表现的分离,说的是一种思想思维方法<br> 而不仅仅是指写代码的方式 写网页时应该先从结构出发,不要过多的考虑样式
    查看全部
    0 采集 收起 来源:内容简介

    2018-03-22

举报

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

微信扫码,参与3人拼团

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

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