百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

排序
  • 发布时间
  • 浏览量
  • 点赞数
  • day5~6 2018.4.28~2018.4.29 1. 盒子模型 盒子的宽度 = margin-left + border-left + padding-left +width + padding-right + border-right + margin-right 1.1 内容区 width和height是框内容显示的区域——包括框内的文本内容,以及表示嵌套子元素的其他框 也可以使用min-width、max-width、min-height、max-height来设置最低/最高限度的width和height 默认情况下,width和height只包括内容区域的宽和高,不包括bo…

    1654次浏览355评论
  • 第五天和第六天2018-04-29 03:46

    1 盒模型的概念 css框模型(盒模型)是网页布局的基础-每个元素都为一个矩形框,宽的内容(content box)(widrh height)、内边距(padding)、边界(border)、外边距(margin) 默认情况下,是这样的。 早期IE盒模型,是这样的,便于布局计算。(css3中设置box-sizing:border-box 也是这样的)2 inline、block和inline-block的概念 display 属性可以设置元素的显示方式,常用的有none, inline,block,inline-block。 每个元素都有默认的显示方式,多半是inline或b…

    732次浏览20评论
  • 浮动和浮动的清除2018-04-28 18:37

    一、浮动 说浮动就必须提及一下文档流,HTML当中的元素按照从左到右,从上到下的顺序进行排列称之为文档流,也就是正常排列。 而浮动是什么呢?浮动会让元素脱离文档流,假如A元素浮动了,原本排在该元素之后的元素发现A元素不在这个文档流了,就会无视它往上接到A元素前面的元素之后(PS:但是文字并不会无视它,还会环绕A元素,也就是A元素没有脱离文字流, 而如果使用position的绝对定位会连文字流也脱离文档流。 浮动的好处当然是布局了,例如通过浮动来形成三列布局,文字环绕等等。但是浮动也有一个问题,那就是会导致高度的塌陷,就像上面的图片显示,父元素的高度塌陷了,并没有将浮动的子元素包裹进去,这样…

    882次浏览104评论