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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • 从结构考虑,尽量减轻重量,少嵌套DIV~ 此例 差div< div<img> div<h1 p span> > 中div<img div<h1 p span> > 优div<img h1 p span>
    查看全部
  • text-indent:598px; 缩进 相当于定位向右移
    查看全部
  • 给图片加个背景图片的方法 img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;padding:1px 20px 37px 30px;} 这是图片添加背景图片的方法,使两个图片同时展示 设置内边框,让背景图填充在内边框内,就可以显示出效果来了。 注意:背景图和背景颜色都会填充在内边框内。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-10-21

  • 有些文本性的东西 可以通过设置文本缩进(text-indent:580px;)来定义显示位置 例如该网页中德电话号码,利用文本缩进
    查看全部
  • 用text-indent定位文本
    查看全部
  • 步骤: 先按结构和语义编写代码 然后进行css样式设置 减少HTML与CSS契合度 1. 初级的开发人员思路及制作方法:div层层嵌套; 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化; 3. 高级的开发人员思路及制造方法:简化结构,并在现有的结构基础上,只通过样式去改变他的布局,达到一个视觉效果 例:先将整体移动到位,然后使用浮动和margin(margin:-20px 0 0 -100px)将图片移出
    查看全部
  • text-indent:585px,文本缩进搞定网页中电话号码布局的制作
    查看全部
  • 语意与表现分离 拿到一个网页设计图的时候,首先关注网页的文字内容以及内容模块间的关系。 把重点放在编写语义化的html代码上,而不要过多考虑设计图上的样式, 等到html按内容编写完成之后,再考虑样式的实现。 在不改变现有结构的基础上,完成设计图要求的视觉效果
    查看全部
    0 采集 收起 来源:排行榜制作

    2015-10-17

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

    2015-10-17

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

    2015-10-15

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

    2015-10-14

  • 给图片加个背景图片的方法 img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); margin-right:10px;padding:1px 20px 37px 30px;} 这是图片添加背景图片的方法,使两个图片同时展示 设置内边框,让背景图填充在内边框内,就可以显示出效果来了。 注意:背景图和背景颜色都会填充在内边框内。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-10-13

  • 有些文本性的东西 可以通过设置文本缩进(text-indent:580px;)来定义显示位置 例如该网页中德电话号码,利用文本缩进
    查看全部
  • 步骤: 先按结构和语义编写代码 然后进行css样式设置 减少HTML与CSS契合度 1. 初级的开发人员思路及制作方法:div层层嵌套; 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化; 3. 高级的开发人员思路及制造方法:简化结构,并在现有的结构基础上,只通过样式去改变他的布局,达到一个视觉效果 例:先将整体移动到位,然后使用浮动和margin(margin:-20px 0 0 -100px)将图片移出
    查看全部
  • 步骤: 先按结构和语义编写代码 然后进行css样式设置 减少HTML与CSS契合度 1. 初级的开发人员思路及制作方法:div层层嵌套; 2. 中级的开发人员思路及制造方法:去掉多余的div,进行简化; 3. 高级的开发人员思路及制造方法:简化结构,并在现有的结构基础上,只通过样式去改变他的布局,达到一个视觉效果。 例:将div块整体移动,然后将其中的图片利用浮动和margin进行移出(margin:-20px 0 0 -100px;)
    查看全部

举报

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

微信扫码,参与3人拼团

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

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