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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • margin-left:100px表示块元素的左侧外边距是100px,即与其左侧相邻块元素的间距增加100px,直接表现就是向右移动100px;加负号后表示与其左侧相邻块元素的间距减小100px,直接表现就是向左移动100px. margin-left:100px表示块元素的左侧外边距是100px,即与其左侧相邻块元素的间距增加100px,直接表现就是向右移动100px;加负号后表示与其左侧相邻块元素的间距减小100px,直接表现就是向左移动100px. margin-left:100px表示块元素的左侧外边距是100px,即与其左侧相邻块元素的间距增加100px,直接表现就是向右移动100px;加负号后表示与其左侧相邻块元素的间距减小100px,直接表现就是向左移动100px.
    查看全部
  • margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px margin-left:100px; 就是左外边距100px,会右移100px margin-left:-100px; 就是左外边距-100px,会左移100px
    查看全部
  • 1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度
    查看全部
  • 结构、表现、行为的分离
    查看全部
    0 采集 收起 来源:内容简介

    2016-06-16

  • 好吧就是这样
    查看全部
    0 采集 收起 来源:编程挑战

    2016-06-15

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

    2016-06-14

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

    2016-06-13

  • three
    查看全部
    0 采集 收起 来源:内容简介

    2016-06-07

  • overflow :visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。
    查看全部
  • 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式
    查看全部
    0 采集 收起 来源:练习题

    2016-06-06

  • 盒子的内边距不会影响内容,但会把盒子撑大。图片本身会覆盖背景图,所以显示不出来,当增加图片的内边距的时候,图片大小不变,但图片这个盒子会变大,背景图就自然显示出来了
    查看全部
    0 采集 收起 来源:编程挑战

    2016-06-06

  • text-indent:**px;文本缩进
    查看全部
  • 1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度
    查看全部
  • 消除上面浮动影响:overflow:hidden
    查看全部

举报

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

微信扫码,参与3人拼团

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

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