通常在各个招聘网站，我们填写完一些信息后，网站就可以帮助我们生成一个很不错的简历。但是作为一名开发者，尤其是前端开发者，可能对这种简历并不满意。 这时候，相信有很多同胞们就希望能自己动手做一个很漂亮的web版的简历： 别具一格的，拥有自己的 ...

一、概述 CSS网格布局（Grid）是一套二维的页面布局系统，它的出现将完全颠覆页面布局的传统方式。 首先来介绍几个概念: 想象一个三行三列的布局，网格线就是构成网格所有的线条，三行三列的布局每行就会有4条网格线。 网格轨道就是相邻两条平行 ...

一、元素分类 首先要知道元素分三种：内联元素（行内元素）、块级元素、内联块级元素。 1、内联（行内）元素 可与其他元素占一行 高、行高、内外边距不可更改 宽度为内容所占宽度，不可更改 容纳文本或其他行内元素 2、块级元素 独占一行 高、行高 ...

效果 鼠标触碰按钮，出现水墨风格动画 屏幕自适应 一份html文件，一份css文件，无javascript，上手程度：很简单 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更 ...

.user { width: 500px; height: 500px; ...

Flex的基本概念 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为Flex布局。 .box{ display:flex; } 行内样式也可以使用Flex布局 .box{ ...

之前因为客户端引入Facebook的YOGA库，以及微信小程序学习的原因，对于前端的布局有一定的了解。书读百遍其义自见，不经常使用的工具还是需要时不时学习，比如Flexbox和Position布局。 1. 流式布局 在未设置其他任何布局的情 ...

黑马程序员的前端学习路线图大纲中第二阶段的学习是移动Web网页开发的学习：主要介绍了前端学习路线图的移动web网页开发的学习目标，前端学习路线图的移动web网页开发的市场价值，前端学习路线图的移动web网页开发的重点知识。 前端学习路线图中 ...

//盒模型.flex {     display: flex; }/* 纵向排列 */.flex_d_c {     flex-direction: column;}/* 横向居中对齐 */.flex_j_c {     justify- ...

闭包以及应用场景 作用域 作用域决定了代码区块中变量、函数、对象和其他资源的可见性 全局作用域、函数作用域和块级作用域 let 和 const 声明的变量不会提升到代码块顶部。 在同一作用域内，禁止重复声明 for 循环中，设置循环变量那部 ...