阮一峰的flex教程,阮一峰github

css网页的几种布局实例

1、CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

2、css三种基本布局方式如下：流式布局：css流式布局是将网页元素按照宽度自适应地排列。弹性布局：是CSS3中新增的一种布局方式，通过设置容器元素的display属性为flex，来实现相应子元素的自适应布局。

3、所谓三栏布局就是指页面分为左中右三部分然后对中间一部分做自适应的一种布局方式。

4、CSS英文全称：Cascading Style Sheets（层叠样式表）是为了丰富网页布局的样式，在CSS没有出来之前，大家会用表格来进行分割布局，很不方便，CSS出来后就好多了。

5、流式布局Fluid 流布局与固定宽度布局基本不同点就在于对网站尺寸的侧量单位不同。固定宽度布局使用的是像素，但是流布局使用的是百分比，这位网页提供了很强的可塑性和流动性。

6、CSS盒子模型是用于布局和定位网页元素的基本概念。它描述了一个元素在网页中的尺寸、边框、内边距和外边距之间的关系。每个HTML元素都可以被看作是一个矩形的盒子，其中包含内容、内边距、边框和外边距。

flex布局中单个子元素区别于其他子元素的主轴对其方式实现

1、默认情况下，子元素都排在一条线上（主轴），flex-wrap属性定义，flex布局中默认是不换行的。意味着随着子元素不断增加，会直接改变子元素的宽高，不断地挤在一行上。

2、设置flex-direction属性决定主轴的方向。设置justify-content属性决定主轴上的子元素的对齐方式。设置align-items属性决定交叉轴上的子元素的对齐方式。设置flex-wrap属性决定是否换行。

3、若所有子元素此属性为1，空间不足时，将会被等比缩小，若有元素属性值为0，即使空间不足，也不会被缩小 flex-basis属性：定义了在分配多余空间之前，项目占据的主轴空间。浏览器根据这个属性，计算主轴是否有多余空间。

makefile教程

1、make gcc -c -Wall test.c gcc -c -Wall anotherTest.c gcc -Wall test.o anotherTest.o -o test 你能看到 make 命令第一次创建的依赖以及实际的目标。

2、编辑源文件 编辑Makefile 执行make命令（一个命令完成编译、链接），生成可执行文件 比如，建一个文件，名为test.cpp（在命令行输入vim test.cpp，打开后按 i 键进入编辑模式），将如下内容写入代码。

3、ext1：源文件 构建ext1的命令 .PHONY：all 然后make all和make ext1是一样的效果。名字如果不是Makefile、makefile、GNUmakefile之一，用make -f Makefile文件名 all或make -f Makefile文件名 ext1。

4、这句才是makefile的核心 这种target：语法，是定义了一个工作目标。

5、这就是makefile的工作方法。关于宏定义，简单点说就是文本替换。为了方便使用不同的编译器或者编译环境以及硬件环境，一些复杂的软件使用了大量的宏定义来代替诸如“gcc”这样的最基本的东西。

6、你如果编译模块，需要有内核源码树，最少要有内核源码里的头文件。

Docker及Docker-Compose的使用

Docker Compose 是 docker 提供的一个命令行工具，用来定义和运行由多个容器组成的应用。使用 compose，我们可以通过 YAML 文件声明式的定义应用程序的各个服务，并由单个命令完成应用的创建和启动。

DockerCompose使用YAML文件来定义多服务的应用。YAML是JSON的一个子集，因此也可以使用JSON。DockerCompose默认使用文件名docker-compose.yml。当然，也可以使用-f参数指定具体文件。

全网最详细的Docker-Compose详细教程DockerCompose使用YAML文件来定义多服务的应用。YAML是JSON的一个子集，因此也可以使用JSON。DockerCompose默认使用文件名docker-compose.yml。当然，也可以使用-f参数指定具体文件。

Docker Compose 使用 YAML 文件来定义多服务的应用。YAML 是 JSON 的一个子集，因此也可以使用JSON。Docker Compose 默认使用文件名 docker-compose.yml。当然，也可以使用 -f 参数指定具体文件。

前端开发需要学什么啊?

1、前端开发需要学HTML、CSS和JavaScript。这是做前必须要学的东西。

2、HTML+CSS：HTML进阶、 CSS进阶、DIV+CSS布局、HTML+CSS整站开发、JavaScript基础：Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。

3、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析 阶段小程序 原生小程序入门、原生小程序API使用、小程序框架Mpvue web前端学习内容 这个学习的8个阶段按照顺序学习就是可以的，希望可以帮到你。

4、服务器端编程：学习服务器端编程知识，如Node.js，以便可以编写服务器端脚本和API。数据库知识：学习数据库知识，如SQL语言，以便于处理和存储数据。

5、熟练运用HTML+CSS特性完成页面布局。 熟练应用CSS3技术，动画、弹性盒模型设计。 熟练完成移动端页面的设计。 熟练运用所学知识仿制任意Web网站。 能综合运用所学知识完成网页设计实战。

如何让div垂直居中(23种方法总结)

有以下三种方法：设置div的height和line-height值设置为相同的数值，只需要一个div即可。

方法一：使用绝对布局位置：absolutefordiv并设置top、left、right、bottom的值相等，但不一定都等于0；并设置边距：自动。方法二：这个方法需要知道div的宽度和高度。

若有两个div，里面小的div相对于外面大的div水平垂直居中对齐，有以下几种方法。方法一：利用position和margin：auto实现。父元素设置position：relative；子元素设置position：absolute，并设置top，left，right，bottom值相等。

设置行高要注意父容器高度和子元素line-height一样的数值，内容中的行内元素就会垂直居中。

标签：一峰教程githubflex