引导者本文目录一览：
- 1、div里面如果有两行,怎么设置垂直居中?
- 2、CSS3伸缩布局
- 3、html和css学习总结
- 4、CSS中的Flexbox布局是怎么使用的?
- 5、手机怎么制作流星代码
- 6、text-align:center是什么属性
div里面如果有两行,怎么设置垂直居中?
CSS实现div垂直居中的方法有很多。下面这些使div居中的方法在编写网页时经常用到，最常见的例子就是登录注册弹出框。
div实现水平居中只需要设置固定宽度和margin：0 auto即可， 给你2个解决方案： 条件是div的高度和宽度是固定的 让层垂直居中 其实解决的思路是这样的：首们需要position：absolute；绝对定位。
表示垂直居中，line-height的属性要根据文字所在的标签的高度来设置，比如我的文字是在div里面，div是200px，就设置200px，如果你的div或者其他标签是400px，就设置400px。最后，再来预览效果，文字已经水平垂直居中了。
先说文字居中。此处是垂直居中，关键代码height：105px；line-height：105px；两个值要相等。
需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT： auto；MARGIN-LEFT： auto； 就可以了。
Div可以通过display属性中的table-cell值由块级元素变为行级元素（这里你可以理解为Excel里的单元格），这样就支持vertical-align的垂直居中了。
CSS3伸缩布局
1、flex是flexinle BOX的缩写。意思是弹性布局，用来为盒模型提供最大的灵活性。 任何一个容器（标签）都可以指定为flex布局。
2、如果用 id 或 class 来标记 ，那么该标签的作用会变得更加有效。当我们使用 CSS-P 的时候， 我们主要把它用在 DIV（division）tag 上。
3、(4)伸缩 Flex box 使用css3 Flex系列属性进行相对布局。对于富媒体和复杂排版的支持非常大，但是存在兼容性问题。(5)响应式 使用@media媒体查询给不同尺寸和介质的设备切换不同的样式。
4、流动布局 上面讲的float：left的情况。定位布局 相对定位和绝对定位都是相对于父div标签的。相对---以这个元素的本来应该在的位置为参照点 绝对——以父div标签的原点（左上角）为参照点。
5、可以通过cover和contain来对图片进行伸缩。
html和css学习总结
1、Strict：包含所有 HTML 元素和属性，但不包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。Transitional：包含所有 HTML 元素和属性，包括展示性的和弃用的元素（比如 font）。不允许框架集（Framesets）。
2、利用右侧容器的flex：1，均分了剩余的宽度，也实现了同样的效果。
3、第一个阶段：HTML+CSS：HTML进阶、CSS进阶、div+css布局、HTML+css整站开发。JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM操作、ECMAscript、DOM、BOM、定时器和焦点图。
4、**JavaScript（可选）：**-虽然在基础阶段，主要着重于HTML和CSS的学习，但随着开发的深入，掌握JavaScript将成为必要的一步。JavaScript可以用来处理小程序的逻辑和交互，使小程序更具动态性。
5、最重要的是方便自己；学习：学无止境，光会div+css是不行的，还要学习其他的技术，比如js，提高自己的价值，多看看别人的代码，对比一下自己的代码，综合起来选一套最好的；以上的六点希望对你能有所帮助。
6、在前端工作要求中，需要掌握基本的切图即可。总结：随着互联网的快速发展，HTML5已经慢慢的渗透到我们的生活中，因此HTML5前景十分光明，需要我们牢牢的抓住机会，通过一些专业的学习后能够在这个行业发光发热。
CSS中的Flexbox布局是怎么使用的?
align-items 属性定义flex子项在flex容器的当前行的侧轴（纵轴）方向上的对齐方式。数值越小，排列越靠前，默认为0。integer：用整数值来定义排列顺序，数值小的排在前面。可以为负值，默认为0。
flex-wrap 该属性控制flex容器是单行或者多行，同时横轴的方向决定了新行堆叠的方向。 nowrap：flex容器为单行。该情况下flex子项可能会溢出容器 wrap：flex容器为多行。
Flexbox(伸缩布局盒) 是 CSS3 中一个新的布局模式，为了现代网络中更为复杂的网页需求而设计。Flexbox 由 伸缩容器 和 伸缩项目 组成。通过设置元素的 display 属性为 flex 或 inline-flex 可以得到一个伸缩容器。
使用视窗单位（vw/vh）： vw和vh是相对单位，1vw等于视窗宽度的1%，1vh等于视窗高度的1%。如，width： 50vw；会使盒子的宽度等于视窗宽度的一半。使用Flexbox： Flexbox布局模型非常适合创建自适应设计。
手机怎么制作流星代码
1、在好友聊天窗口的输入框中输入“miss u”。点击发送，满屏流星出现。在好友聊天窗口的输入框中输入“想你了”。点击发送，满屏流星出现。在好友聊天窗口的输入框中输入“miss you”。
2、方法一打开手机微信，找到要发满屏小星星特效的好友/群，进入聊天页面；在聊天框输入【想你了】发送，就会自动出现满屏小星星的特效。我们打开微信后，首先点击进入和该好友的聊天界面。
3、首先打开手机短信页面，输入特定的文字。然后长按发送键，选择“流星”特效，并点击“使用”按钮即可。
4、将想要添加流星雨特效的视频导入到软件中，然后点击“画面风格”，再点击“动景”左侧栏，展开“特色动景特效”。双击“流星雨”就可以应用啦。此时你可以点击视频预览区下面的播放按钮，就能看到夜空中流星划过了。
5、方法二C/C++这里介绍一个软件—C++编译器（c4droid），可以直接编辑运行C/C++程序，代码高亮、语法检查，使用起来非常不错，下面我简单介绍一下这个软件的安装和使用。
text-align:center是什么属性
1、text-align 属性规定HTML元素中cssalign-content的文本的水平对齐方式。text-align：center 就是把HTML元素中的文本排列到中间的意思。text-align：left 就是把HTML元素中的文本排列到左边的意思。
2、在HTML标签中cssalign-content，<cssalign-content；p>cssalign-content； ～/p标签用于描述一个段落的格式信息，style用于指定段落的属性，text-align：center 表示段落文字居中对齐。
3、水平居中（text-align：center；） 这个属性在没有浮动的情况下，我们可以将块级元素转换为inline/inline-block，然后其父元素加上text-align：center；属性就可以将其居中。
4、text-align：center text-align是一个基本的属性，它会影响一个元素中的文本行互相间的对齐方式。值left、right和center会导致元素中的文本分别左对齐、右对齐和居中，想要使文本居中，直接使用center即可。
5、样式中有个text-align，可以设置为center就可以居中cssalign-content了。比如：td style=text-align：center要展示的文字/td 另外，设置垂直方向的属性，可以使用：vertical-align，对应的值有top，middle，bottom等。
