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

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

江老实 Web前端工程师
难度初级
时长22分
学习人数
综合评分9.67
1416人评价 查看评价
9.8 内容实用
9.7 简洁易懂
9.5 逻辑清晰
  • HTML:结构 css:表现 javascrip:行为 结构与表现尽量分开
    查看全部
  • Ppo
    overflow: visible 默认值。内容不会被修剪,会呈现在元素框之外。 hidden 内容会被修剪,并且其余内容是不可见的。 scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。 inherit 规定应该从父元素继承 overflow 属性的值。
    查看全部
  • 看我的吧
    查看全部
    0 采集 收起 来源:编程挑战

    2015-12-05

  • 网页的三个层次 网页包含三个层次(没错,它们都需要各自分离) 1.HTML结构 2.CSS表现 3.JavaScript行为 HTML结构层是网页最重要的基础。HTML标签给予内容含义。CSS表现层则是定义您的HTML该如何显示。JavaScript行为层为页面增加交互。
    查看全部
  • 文本缩进,电话号码
    查看全部
  • absolute指绝对位置,就是说设定后该控件是固定在页面的某处,不会因其他控件的大小变化而影响到其分布位置的改变。position指一般位置,就是说设定后该控件在无其他控件的影响下,其位置位于你设定的地方。如果其他控件的大小占用了你设定的位置,那么原先就会让出位置啦。relative指相对位置,就是相对来说的,比如控件与控件之间的相对位置,控件与面页的相对位置,打个比方,控件A和控件B是相对位置,那么当控件A的位置发生改变时,控件B 也跟着改变。
    查看全部
  • img{width:95px;height:95px;background:url(http://img1.sycdn.imooc.com//5385ac820001905201440133.jpg); padding:1px 20px 37px 30px;margin-right:10px;
    查看全部
    0 采集 收起 来源:编程挑战

    2015-12-04

  • img标签也有内边框,图片尺寸一定时,可以调整内边框使图片的背景显示出来。
    查看全部
    0 采集 收起 来源:编程挑战

    2015-12-01

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

    2015-12-01

  • text-indent文本缩进 为了简化代码,做到结构与表现分离,在定位电话的时候,使用text-indent:文本缩进属性,将电话号码定位到需要的位置。
    查看全部
  • 1.初学者的理解与定义:div层层嵌套。 2.中级者的理解与定义:去掉多余的div,进行简化。 3.高手的理解与定义: 最大化的简化html的结构,然后用css进行设置,减少html与css的契合度。
    查看全部
  • 先按照HTML语义去分析,在按照css样式去设计,减少HTML和css的契合度,其实我还没太懂了,哈哈
    查看全部
  • 脱离文档流,这个方法好
    查看全部
  • 还真没想过这分为三个等级呀,初级我想是两个div,这是我的想法
    查看全部
  • 结构于表现分离不是说把 Html Css javascript 这仨个分开就是了,还有更深的层次
    查看全部
    0 采集 收起 来源:练习题

    2015-11-30

举报

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

微信扫码,参与3人拼团

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

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