最近了解了圣杯布局和双飞燕布局，对 margin-right 和 float 了解更深了，写下这篇文章分享下我的收获 圣杯布局 先看看什么是圣杯布局。像下面这张图...

margin我们一般习惯的叫它外边距，分别可以设置四个方向的外边距，这里不再赘述赋值语法。 实际上，我们通常设置的margin是物理级别的设置，而margin还有start、end、before、after等，这些主要是逻辑级别的设置，如果你感兴趣的话，自行Google吧。 对…

大家都知道，css中margin和padding是一对好兄弟，一个是外边距，一个是内边距，形象的说就是一个是撑大自己，一个是往外挤，就好比一个人，padding就是吃东西使自己体型变大，margin就是自己穿了很多衣服增大了自己与别人之间的距离。下面是一个大家经常能看到的图 我…

圣杯布局最初是由老外发明的，实现了两侧定宽，中间自适应的布局，因为布局形状酷似圣杯所以叫圣杯布局，而双飞翼布局据说是由淘宝UED在圣杯布局的基础上改进而成的，因为酷似双翼，所以叫双飞翼布局。 1. 圣杯布局 2. 双飞翼布局 3. 去除边框重叠 ​ 为了实现菜单栏里的边框，通常…

盒子模型，顾名思义，可以装东西的称为盒子，比如 div，h，li等等。像 img，input这种不能装东西的就不是盒子。

Form表单允许用户输入数据并向Web服务器发送数据，是一个重要的交互控件。 例如，常见的用户注册页面，用户输入个人信息后，点击按钮提交注册。

统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。 基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议:…

近年来，Tailwind CSS 在前端开发领域备受关注，在GitHub上获得了70000+的Star。尽管市面上有众多的 CSS 框架可供选择，但 Tailwind CSS 凭借其独特的概念、强大的

Tailwind CSS作为一款原子化的CSS框架，提供了一组高度可定制化的CSS程序和组件；帮助前端开发人员快捷、方便地构建美观的用户界面；相比于传统的CSS框架，Tailwind CSS更注重简洁