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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • clear属性 清除浮动 清楚元素左边或者右边的元素浮动 同时设置width:100%《或者固定宽度》+overflow:hidden 也能达到清除浮动的效果 一般对收到浮动影响的元素所设置
    查看全部
  • 当元素设置浮动属性后,会对相邻的元素产生影响,相邻元素特指紧邻后面的元素
    查看全部
  • 当元素没有设置宽度值,而设置了浮动属性,元素的宽度随内容的变化而变化
    查看全部
  • 设置margin:0 auto居中时,则不能再用浮动和绝对定位
    查看全部
  • position属性 拥有3种定位形式:1.静态定位 2.相对定位 3.绝对定位 可设置4个属性值: static(静态定位) relative(相对定位) absolute(绝对定位) fixed(固定定位)
    查看全部
  • <style type="text/css"> *{margin:0;padding:0} .contant{border:4px solid #badbdb;padding:44px 15px 15px;width=770px;}/*为包裹图片的块设置边框,padding是为了防止图片把背景图覆盖*/ .book{background:url(images/t_book.glf) 0 0 no-repeat #eff9f9;}/*设置不重复,0和0是横坐标纵坐标,如果没显示,图片默认在左上角,背景颜色是淡蓝色*/ image{ margin:10px 18px;/*图片的上下边距为10像素,左右边距为18像素。*/ border:1px solid #b1adad;/*边框的像素是1,实线,颜色是灰色。(粗细,样式,颜色,每一个属性之间都有一个英文输入法下的空格,并且三个属性值缺一不可)*/ <body> <div class="content book">/*将下面的图像用一个块包裹起来*/ <img src="images/book1.jpg"width="80"height="80"/>/*插入图片,image标签是行内元素,多个image标签可以在同一行显示*/ <img src="images/book2.jpg"width="80"height="80"/> <img src="images/book3.jpg"width="80"height="80"/> <img src="images/book4.jpg"width="80"height="80"/> <img src="images/book5.jpg"width="80"height="80"/> </body> 注意:盒子模型尺寸=边框=外边距=内边距=盒子中的内容尺寸
    查看全部
    0 采集 收起 来源:盒子模型

    2018-03-22

  • css中no-repeat一般用在元素backgroud-repeat的设置中,含义为不平铺; 一般与background-image 一起使用; 此图片做背景时不平铺; 另外还有几个其他值: repeat:平铺 repeat-x:横向平铺 repeat-y:纵向平铺
    查看全部
    0 采集 收起 来源:盒子模型

    2017-05-07

  • 1.定义一个内部样式text=css 2.插入图片 设定上下边距 左右边距 用margin,并且设置边框(粗细 格式 颜色-不可少 空壳 ) 讲了盒子3D 3.为实现包裹层 加一个模块div 设置边框的粗细 格式和颜色 4.为背景图片book加一个样式,插入book,设置no repeat 再通过样式追加的方式加到content的盒子里去。 在本例中是div class="content "变成div class="content book" 5.背景被图片覆盖了 怎么办 设置盒子的内容即content的padding。微调。 6.初始化。
    查看全部
    0 采集 收起 来源:盒子模型

    2018-03-22

  • css中的定位机制 css中,存在3种的定位机制: 标准文档流(Normal flow) 浮动(Floats) 绝对定位(Absolute positionong)
    查看全部
  • 绝对定位完全脱离文档流
    查看全部
    0 采集 收起 来源:绝对定位

    2017-05-07

  • 盒子模型中的三位立体结构图: 第一层:border 第二层:content+padding 第三层:background-image 第四层:background-color 第五层:margin
    查看全部
    0 采集 收起 来源:练习题

    2017-05-06

  • 盒子模型: 外边距(margin) 边框(border) 内边距(padding) 内容(content)
    查看全部
    0 采集 收起 来源:盒子模型

    2017-05-06

  • position属性 拥有3种定位形式:1、静态定位 2、相对定位 3、绝对定位 可设置4个属性值: static(静态动态) relative(相对定位) absolute(绝对定位) fixed(固定定位)
    查看全部
  • 当一个元素设置绝对定位,没有设置宽度时,元素的宽度根据内容进行调节。
    查看全部
    0 采集 收起 来源:绝对定位

    2017-05-06

  • 没有设置父包含块为相对定位时,绝对定位的偏移量以html即整个浏览器为偏移标准而不是以body为偏移基准。
    查看全部
    0 采集 收起 来源:绝对定位

    2017-05-06

举报

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

微信扫码,参与3人拼团

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

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