前几天大家都在朋友圈@微信官方，求赐一面国旗，没有得到微信官方的小盆友们，有没有很失落呀~心血来潮的我，决定用js来写一个给头像加国旗的功能，然后我就送了自己一面国旗，事实证明，想要的东西还是只能靠自己的双手去创造。哈哈哈，这鸡汤洒的触不及防~，回归正题，下面就一起来看看我是怎…

Flex 与 Grid 相比就像功能键盘和触摸屏。触摸屏的控制力相比功能键盘来说就像是降维打击，因为功能键盘只能上下左右控制（x、y 轴），而触摸屏打破了布局障碍，直接从（z 轴）触达，这样 无论 UI 内部布局再复杂，都可以通过 touch 直接定位。 Flex 是一维布局方…

width和margin实现。margin: 0 auto; table标签配合margin左右auto实现水平居中。使用table标签（或直接将块级元素设值为display:table），再通过给该标签添加左右margin为auto。 inline-block实现水平居中方法…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …

base.css(公共样式)index.html页面样式搜索块搜索块样式注意:大部分的表单元素是不支持伪类的,所以上面的代码使用的在表单的父级使用伪类来实现搜索图标知识点补充上面搜索模块运用的是圣杯布

今天我们来复盘一下前端中css伪元素的知识以及如何用css伪元素来减轻javascript的压力，做出一些脑洞大开的图形。 伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。伪元素主要有： 我个人觉得伪元素可以解释为元素的修饰，可以为元素带来额外的附加样…

在html5中，新增了很多语义化的标签。如footer、header之类的，今天的主角是dialog标签😂 顾名思义，就是用来定义对话框的。目前只有Chrome和Safari支持该标签，所以用的不多，不过确实挺好用的🤞 别担心，有官方的polyfill。 1. 基础的用法 …

开发了这么久的项目，每天重复的 margin , padding , background 重复了一遍又一遍， 自从使用了基础样式库 assembly-css后(下面统一称为基础库)，几乎可以完全的避免了一遍一遍的基础样式。 每次写页面, 你要有样式， 总要用class类来连接…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…