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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 相对定位仍处于标准文档流中
    查看全部
    0 采集 收起 来源:相对定位

    2015-01-17

  • suanshu
    查看全部
  • xiangdui jeudui
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-16

  • id class
    查看全部
    0 采集 收起 来源:编程练习

    2015-01-16

  • zishiying
    查看全部
  • 盒子模型3D模型
    查看全部
    0 采集 收起 来源:盒子模型

    2015-01-16

  • 自动居中一列布局 三个技能点; 标准文档流 块级元素 margin属性
    查看全部
  • CSS规定的定位机制有三种: 1.自动居中(列布局案例:盒子模型的使用方法) 2.浮动(布局案例:float属性,解决浮动影响的方法) 3.绝对定位(布局案例:绝对定位实现横向两列或多列布局)
    查看全部
  • 盒子模型的3D模型
    查看全部
    0 采集 收起 来源:盒子模型

    2015-01-15

  • border margin padding content
    查看全部
    0 采集 收起 来源:盒子模型

    2015-01-15

  • 对于UL和OL来说,我觉得大家都应该明白,而且表达得也很清楚,大家也经常用到,UL指无序列表,OL指有序列表。我想不用多说什么大家应该都明白。 但是对于DL这个结构,好像滥用的就比较多,而且有时候还不知道在哪个地方是不是可以用,这样用是不是合理,那么,什么是dl?首先要说的是DL、DT、DD’这三个一般是同时出现的。DL意义为定义列表,DT(definition term,定义术语),DD(definition description,定义描述)描述定义列表中的这个术语或项目。 说得直白详细一点,从语义上来讲,DT是名称,是标题,而DD是解释,是内容。DT与DD都是盒子,DD只对应解释它上面的一个DT,不能越级或是向下解释,当DT不存在的时候那么DD也就没有存在的意义。 那么DT是否一定需要DD跟随其后,这点在w3c的wiki里可以看到例子,答案是否定的(参考http://www.w3.org/wiki/HTML/Elements/dl)。但是如果数据中只有DT没有DD那么这就一不能成为定义列表,直接用UL无序列表就可以了。如果当数据中只有某一个或是少数几个没有DD,大部分是都有DD,那么还是应该应用DL形式的。 那么一个DT是否可以带多个DD呢?这点在w3c的wiki里可以看到例子,答案是肯定的(参考http://www.w3.org/wiki/HTML/Elements/dl)。多个DD是否表明着多个解释,当然在DD中完全可以内嵌很多个段落或列表标签来进行分隔,也可以达到同样的效果。只是前者为,这个DT含有多个DD做为描述来解释,后者则说明只含有一个DD来解释,区别并不是太大,这就要看到具体的应用里,哪个更方便更好了。当然个人认为:从样式应用上来讲,多个DD整体松散,其设计的扩展性不足。比如,当我们要做一个点击DT隐藏对应的DD的效果时,这种多DD的做法就不那么好实现了。 举个代码为例,更清晰明了的表达一下: <h2>颜色的属性</h2> <dl> <dt>色相</dt> <dd>色彩的相貌、名称</dd> <dd>赤橙黄绿青蓝紫</dd> <dd>色相是一个环</dd> <dt>饱和度</dt> <dd>颜色的纯度</dd> <dt>明度</dt> </dl>
    查看全部
  • 块级元素包含 div ul li dl dt p
    查看全部
  • 块级元素 div
    查看全部
  • relative 父级高度大于absolute子级高度
    查看全部
  • 盒子模型 盒子模型=网页布局的基石,由四部分组成: 边框(border) 外边框(margin) 内边距(padding) 盒子中的内容(content) 各有四个方向,顺时针上右下左设置 就近原则:行内样式>内部样式>外部样式 盒子3D模型 1,border 2,content+padding 3,background-image 4,background-color 5,margin 盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸
    查看全部
    1 采集 收起 来源:盒子模型

    2018-03-22

举报

0/150
提交
取消
课程须知
1.一定要对HTML+CSS相关标签有所掌握;2.对网页布局知识有简单的了解
老师告诉你能学到什么?
1.掌握三大布局技巧——流式布局、浮动布局及绝对定位布局;2.精通标准文档流、盒子模型、float属性以及position属性等知识。

微信扫码,参与3人拼团

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

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