前端开发规范
HTML 规范 HTML 类型 推荐使用 HTML5 的文档类型申明： （建议使用 text/html 格式的 HTML。避免使用 XHTML。XHTML 以及它的属性，比如 application/xhtml+xml 在浏览器中的应用支持与优化空间都十分有限）。 规定字符编码； IE 兼容模式； 规定字符编码； doctype 大写； 正例： 1234567891011<!DOCTYPE html><html> <head> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta charset="UTF-8" /> <title>Page title</title> </head> <body> <img src="images/company-logo.png" al...
CSS 弹性布局
Flexbox 是 flexible box 的简称（注：意思是“灵活的盒子容器”），是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列，使它们能在不同的屏幕尺寸和设备下可预测地展现出来。 它之所以被称为 Flexbox ，是因为它能够扩展和收缩 flex 容器内的元素，以最大限度地填充可用空间。与以前布局方式（如 table 布局和浮动元素内嵌块元素）相比，Flexbox 是一个更强大的方式： 在不同方向排列元素。 重新排列元素的显示顺序。 更改元素的对齐方式。 动态地将元素装入容器。 基本概念 采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。 在 Flexbox 模型中，有三个核心概念： flex 项（注：也称 flex 子元素），需要布局的元素。 flex 容器，其包含 flex 项。 排列方向（direction），这决定了 flex 项的布局方向...