前言在前端开发中，我们可以用CSS设置元素的样式，美化界面，也可以用CSS设置元素布局，即格式化上下文(Formatting Context)，简称为FC盒模型-BOX我们的页面是由一个个元素组成的，渲染时会将其抽象为一个个的盒(BOX)进行布局渲染元素的类型和display属性，决定了一个Box的类型不同类型的Box，会参与组成不同的FC我们可以在浏览器控 …
最新内容
CSS样式学习上一篇文章讲到如何创建一个脚手架程序，目前我们已经有了一个nextjs的基本框架，因此我们可以在这个基础上进行改造。打开我们项目中的page.tsx页面，这里是程序的主页面，也就是我们访问地址时候第一个看见的页面将page页面修改为，没有任何css样式的样子import Link from 'nextlink';export d …
原文链接：一文吃透 CSS Flex 布局教学游戏这里有两个小游戏，可用来练习 flex 布局。塔防游戏送小青蛙回家Flexbox 概述Flexbox 布局也叫 Flex 布局，弹性盒子布局。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来，更简便、完整、响应式地实现各种页面布局。它的主要思想是使父元素能够调整子元素的宽度、高度 …
总结:1 容器的属性display: flex;子元素的float、clear和vertical-align属性将失效flex-direction:flex-direction: row | row-reverse | column | column-reverse;flex-direction属性决定主轴的方向(即项目的排列方向)。row(默认值)：主轴为 …
1.认识 flex 布局我们在写前端页面的时候可能会遇到这样的问题：同样的一个页面在 1920x1080 的大屏幕中显示正常，但是在 1366x768 的小屏幕中却显示的非常凌乱。这是因为我们开发的页面不能做到自适应屏幕大小。为了解决这个问题，弹性布局应运而生。flex 布局又叫做弹性布局，它是一种页面元素的布局方式。说白了就是按照这种布局方式，页面的元素可 …
1、什么是弹性布局Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。她是一种现代的CSS布局方式，通过使用display: flex属性来创建一个弹性容器，可以自动适配各种设备的不同宽度，而不必依赖于传统的块状布局和浮动定位，并在其中使用灵活的盒子模型来进行元素的排列和 …
如果新手要学习编程，一些学长学姐都会建议从Python、PHP、Java开始学。不过，作为工作多年的一名程序员，我还是建议你从C语言开始，为什么这么说，我相信你以后会慢慢的明白。那么，如何学习C语言呢?下面笔者提供4种入门C语言的方法：0、刷题绝大多数的程序员学编程的时候，还是会开启简单粗暴的刷题模式。刷面试对于面试以及技术的提高大有裨益，刷题网站强推Lee …
C语言学习方法在前面http:sunxiunan.com?p=1597 曾经提到过一个比较系统学习一门新的编程语言的方式，C语言学习也可以按照类似的顺序：阅读参考书，阅读代码，编写调试实际程序，上网参与讨论，研究高级话题。学习语言的开始一般是阅读参考书。我建议选择几本非常经典的好书，仔细完整反复阅读几遍，“书读百遍其义自现”。选择C语言学习的好处是，这几本书 …
浪漫表白效果：开发环境：Visual Studio 2019 + EasyX图形库插件即可源码展示：#include<stdio.h> #include<math.h> #include<time.h> #include<conio.h> #include<graphics.h> 自己安装了才有 …
一、C 语言简介我刚接触编程，首先想要学习的就是C语言，这次我就把我的感悟用我自己理解的文字表述出来，这样对刚学C语言的人来说，才是比较友好的。因为我们都没有C语言的基础，不懂啥是编程，啥事代码。我们很多都是别的专业的，就是想要多学习一门技能，有些是外语系，有些是文学系，有些是会计系。C 语言，算得上是一门用得特别广的高级编程语言。在 20 世纪 70 年代 …