- 博客(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关注的人