- 博客(5)
- 收藏
- 关注
RSS订阅原创 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关注的人