平台ID：WEB_wysj(点击关注) ◎ ◎ ◎ ◎ ◎◎◎◎◎一┳═┻︻▄

（页底留言开放，欢迎来吐槽）

● ● ●

先总结一篇简略版CSS3知识清单。

1、前缀

一、Flex 布局简介

咱来说说 Flex 布局哈，这就是弹性盒子布局，是 CSS3 里一种特厉害的布局办法。它能轻轻松松弄出各种复杂的布局效果，让元素变得有弹性，能适应不同的页面大小还有设备。IE10 以及更高的版本支持它，在移动端和那些现代浏览器里可流行啦。

Flex 布局意思就是 “弹性布局”，能给盒状模型提供最大的灵活性。随便哪个容器都能指定成 Flex 布局，行内元素也行。得注意哈，设成 Flex 布局以后，子元素的 float、clear 还有 vertical-align 属性就没用啦。

用deepseek设计制作随机点名（不重复抽取图片）程序

给老师们送福利了，下面是关于用

原文来源于：程序员成长指北；作者：嘉琪coder

如有侵权，联系删除

前言

在 HTML 中实现原生表格并设置表格边框的详尽教程

在 HTML

之前为了让谷歌浏览器里的书签放到博客 markdown 文件下，写过一个书签和 markdown 互转的小工具 parse-bookmark，当初也是为了能直接在博客中生成一个网址导航的页面，方便随时查找一些常用的网站。

文本溢出处理是前端开发者必备的一个技能，很多时候，你无法预料到文本到底有多长，用手动的方式删除文本肯定是不现实，就需要自动的让多出的文字变省略号，所以掌握text-overflow很有必要。

语法

text-overflow

本人一开始是做移动端原生开发的程序员一枚。现在原生开发实在是不咋景气，公司现在的项目基本上都是前端的项目，所以现在被调到前端，从小白一枚的角度出发分享一部分项目开发过程中用的比较多的知识吧，今天先学习一个flex布局，这个在项目中用到的实在太多了。

一、介绍

什么叫做弹性布局呢，他就是根据内容多少分配多大的控件，当内容不足时会自动的换行，去适应父布局，这也是他最大的好处 由此他可以去适配多种尺寸的页面。

二、flex结构

咱们先通过网上的一个图片看一下他的具体结构

前言

在现代网页设计中，布局是一个至关重要的环节，在过去的一段时间里，页面的布局还都是通过table

一、签到子页面布局

子页面主要是一个签到按钮，然后下方是签到记录列表。