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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 先只考虑结构,然后再追加样式
    查看全部
  • 引用网友的,待验证: “据我所知,结构与样式的分离指的是,文档结构与文档样式的分离可以确保网页都能平稳退化。具备CSS支持的浏览器固然可以把网页呈现得美仑美奂,不支持或禁用了CSS功能的浏览器同样可以把网页的内容按照正确的结构显示出来。 关于媒体对象,Bootstrap是这么写的……”
    查看全部
  • 这里不是图片的内边距,而是img标签的内边距,我们是用img标签来装图片的。打个比方,img标签就像是相框,而img标签中的图片就是相片,给img标签(相框)加内边距是为了把背景图片显示出来。
    查看全部
    1 采集 收起 来源:编程挑战

    2016-02-01

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

    2016-02-01

  • 块级元素如果不设置高度,它会随着内容的增加自动撑开。
    查看全部
  • HTML与CSS
    查看全部
    0 采集 收起 来源:编程挑战

    2016-02-01

  • 为了简化代码,做到结构和表现分离,在定位电话号码的时候,使用text-indent文本缩进属性,将电话号码定位到需要的位置 text-indent:XXpx; 文本缩进,实现简化代码
    查看全部
  • 1. 初级的开发人员思路及制作方法:div层层嵌套; 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化; 3. 高级的开发人员思路及制造方法:最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。 步骤: 先按结构和语义编写代码
    查看全部
  • 1. 初级的开发人员思路及制作方法:div层层嵌套; 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化; 3. 高级的开发人员思路及制造方法:最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。 步骤: 先按结构和语义编写代码
    查看全部
  • 先重点考虑文字和模块之间结构的关系,再考虑表现形式
    查看全部
    0 采集 收起 来源:练习题

    2016-01-29

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

    2016-01-28

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

    2016-01-27

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

    2016-01-27

  • 网页制作中 结构、表现、行为分离,其中 HTML 是结构。
    查看全部
    0 采集 收起 来源:练习题

    2016-01-27

举报

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

微信扫码,参与3人拼团

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

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