前言 最近公司在招聘，经常会问到应试者一个问题，“flex: 1 是哪些属性的缩写？”，很多同学答的都不是很好，今天我们来理解一下。 flex：1是哪些属性的缩写 flex：1 是 flex-grow

目录两栏布局，右侧自适应，三栏布局，中间自适应HTML51.两栏布局，右侧自适应，三栏布局，中间自适应2.HTML530.实现元素的垂直水平居中31.隐藏页面元素的方式em/px/rem/vh/vw的

很多人都学过flex布局，但是里面的细节你有注意过吗？本篇文章主要是从flex的文档入手，分析出你还不知道的flex

在日常工作中，我们需要编写大量的CSS代码，当然如果你的日常工作主要是后台管理之类的系统的话，那你可能CSS用的比较少，但是如果你做过官网，宣传等等内容的话，一般这些可能比较更需要CSS的功底！

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

@argyleink在第四次的伦敦（LondonCSS 2020）CSS活动中分享了一个有关于CSS特性相关的话题。看了一下这个主题的PPT，里面有些新东西还是蛮有意思的。基于该PPT，我稍微整理近24个CSS方面的新特性，感兴趣的同学可以继续往下阅读。 接下来的内容我将分为：…

随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…

效果图原理表单元素中，有一个pattern属性，可以自定义正则表达式（如手机号、邮箱、身份证..）；valid伪类，可以匹配通过pattern验证的元素；invalid伪类则相反，可以匹配未通过pat