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

网页布局基础

难度入门
时长 1小时30分
学习人数
综合评分9.63
2052人评价 查看评价
9.9 内容实用
9.6 简洁易懂
9.4 逻辑清晰
  • 1.盒子模型=网页布局的基石,由4部分组成:边框(border)、外边距(margin)、内边距、(padding)、盒子中的内容(content)。 2. 边框(border)、外边距(margin)、内边距、(padding)是盒子模型的属性,有四个方向,可以设定属性值。 顺时针方向设置,为上、右、下、左 3.三个值的属性为: a为上、 b为左右、c为下。 两个值的属性为: a为上下、b为左右。 一个值的属性为: a为上下左右。 4.就近原则 行内样式> 内部样式> 外部样式 5.边框三个属性:边框的粗细、样式、颜色、每一个属性值都要有一个空格来个开,空格必须在英文输入法状态下输入才可以,三个属性缺一不可。 6.盒子模型的三维模式的包裹层与ps的模型一样,分为五层 border为第一层、content+padding为第二层、background-image为第三层、background-color为第四层、marg为第五层。 7.盒子模型尺寸=边框+外边距+内边距+盒子中的内容尺寸
    查看全部
    2 采集 收起 来源:盒子模型

    2018-03-22

  • 静态定位还是标准文档里,相当于没有定位! 所以是以根元素为基准偏移,即<html>元素,注意不是<body>元素。 设置了绝对定位的元素 b,位于其父元素 a 中: (1) a 元素为静态定位,则要以根元素(也就是 html 元素)为基准进行偏移; (2)a 元素为定位元素,则要以最近的a元素为基准进行偏移;
    查看全部
    2 采集 收起 来源:练习题

    2018-03-22

  • 静态定位还是标准文档里,相当于没有定位! 所以是以根元素为基准偏移,即<html>元素,注意不是<body>元素。 设置了绝对定位的元素 b,位于其父元素 a 中: (1) a 元素为静态定位,则要以根元素(也就是 html 元素)为基准进行偏移; (2)a 元素为定位元素,则要以最近的a元素为基准进行偏移;
    查看全部
    2 采集 收起 来源:练习题

    2018-03-22

  • 1.w3c标准,由万维网联盟制定的一系列标准,包括:结构化标准(html和xml)、表现标准语言(css)、行为标准语言(DOM和ECMAScript) 倡导结构、样式、分为分离. 2.css中,3种的定位机制:标准文档流、浮动、绝对定位。 标准文档流 特点:从上到下,从左到右,输出文档内容,由块级元素和行级元素组成。 块级元素 特点:从左到右撑满页面,独占一行。 触碰到页面边缘时,会自动换行。 块级元素:div、ul、li、dl、dt、p... 行级元素 特点: 能在同一行内显示 不会改变html文档流 行级标签,如 span、strong、img、input... 块级元素和行级元素都是“盒子模型”
    查看全部
  • 1.wrap 居中——margin:0 auto; 2.left左浮动,float:left; mid设置margin-left:125px;(此值为left宽度加其边框,再加上mid与left间距所得) 3.先给父级mainbody设置相对定位——position:relative; 再给子级right设置绝对定位,以及相对于父级mainbody偏移的位置——position:absolute;top:0px;left:794px;(此值为left、mid宽度加其边框及间距,加上right与mid的间距所得 )
    查看全部
  • 如果设置了float并且没有设置宽度的时候,会随着内容的变化而变化
    查看全部
  • 行内元素只有左右边距会生效,上下边距不会生效。要想上下边距生效,需要设置display为block或者inline-block,img标签默认是inline-block,而不是行内元素。
    查看全部
    2 采集 收起 来源:编程练习

    2015-06-29

  • 初始化一下是一个好习惯哦
    查看全部
    2 采集 收起 来源:横向两列布局

    2015-05-25

  • 清除浮动两种方法: 1. clear属性——常用clear:both/left/right 2. 同时设置width:100%(或固定宽度)+overflow:hidden;
    查看全部
  • 已知一设置了绝对定位的元素b,位于其父元素a中,a元素为静态定位,则b元素将以( )为基准进行偏移。 因为a元素为静态定位,所以要以根元素为基准进行偏移,也就是html元素。 作为父元素a 为静态定位,也就是标准文档流,相当于没有设置定位 原来如此,要注意咯:position:static;也就是静态定位的祖先元素,因为它的特点是静态地,不变的,不存在偏移。所以绝对定位的基准把它排除在外了。
    查看全部
    2 采集 收起 来源:练习题

    2015-05-10

  • 行级标签:span,strong,img,input
    查看全部
  • 常见的块级元素:div,ul,li,dl,dt,p......
    查看全部
  • 块级元素:从左到右撑满页面,独占一行,触碰到页面边缘是会自动换行
    查看全部
  • 标准文档流的特点:从上到下,从左到右,输出文档内容
    查看全部
  • W3C倡导:结构,样式,行为分离
    查看全部

举报

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

微信扫码,参与3人拼团

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

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