自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

格子间

一只前端小菜鸟的成长史

  • 博客(5)
  • 收藏
  • 关注

原创 flex布局笔记2(项目的属性)

基本概念回顾采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。上一篇笔记中总结了容器的属性。这一篇笔记总结项目的属性。项目有以下6个属性:order、flex-grow、flex-shrink、flex-basis、flex、align-self。 1.ord...

2018-11-16 15:11:20 215

原创 flex布局笔记1(基本概念与容器的属性)

网页布局是CSS的一个重点应用      网页布局的传统解决方案为盒子模型,依赖于display + position + float属性。这种解决方案的缺点是对于特殊布局的实现比较麻烦,如元素的垂直居中。      2009年W3C提出flex布局(Flexible Box)。即弹性布局。      任何一个元素都可以作为弹性布局的容器。设为Flex布局以后,子元素的float、cl...

2018-11-16 12:07:12 203 2

原创 小菜蛙成长日记2018003(使一个div在body中垂直水平居中)

    我乍一看到这个问题,我感觉应该是一个十分简单的问题,因为涉及到的东西我也是十分熟悉。但是。不好做。我发现在平时构建H5界面的时候,我只是把界面调整成看的过去的样子,没有认真考虑过怎么使它居中的问题。     其实之前我也解决过,只是解决了就解决了,知其然不知其所以然。     其实可以这么写。<div id="test-center">sss</div>下面是c...

2018-07-10 22:11:01 151

原创 小菜蛙成长日记2018002(盒子模型的理解)

1.对盒子模型的理解  在设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。以上内容摘自菜鸟教程菜鸟教...

2018-07-10 21:49:01 131

原创 小菜蛙成长日记2018001(JavaScript作用域)

     今天去参加面试,本来对自己的web前端能力算是比较自信,然后笔试时先做了智力题,算是相当容易了,八成都对,就是面试时,面试官问我的问题可以说是让我非常萌币了。本来学习的时候也就是一带而过,看完就忘记,也就是知道个大概,面试官问我的时候,我就完全回答不上来了。没啥可说的,除了自己基础不扎实,真的没什么好辩驳的。今天把面试官的问题好好的捋一捋,朝花夕拾。    1.对javascript的作...

2018-07-10 21:38:13 112

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除