随笔分类 - 前端
[前端]博客园CSS备份 6.28
摘要：[前端]博客园CSS备份 6.28 预览 页面定制CSS代码 @import url(https://blog-static.cnblogs.com/files/gshang/gshang.2019.11.19.1.css) screen and (min-width:0px); body{back
[前端]什么是闭包，闭包的优缺点，闭包的应用场景
摘要：转载：https://www.jianshu.com/p/d903be89f211 概念 闭包是指有权访问另外一个函数作用域中的变量的函数 闭包的优点 可以重复使用变量，并且不会造成变量污染 全局变量可以重复使用，但是容易造成变量污染。局部变量仅在局部作用域内有效，不可以重复使用，不会造成变量污染。
[Bootstrap]引入模板
摘要：<!-- 核心样式 --> <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet"> <!-- 核心JS --> <script src
[前端]CSS样式书写顺序
摘要：CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-height, letter-spacing, color- t
[CSS]面试题：box-sizing的作用 (IE盒模型和W3C标准盒模型)
摘要：介绍一下标准的 CSS 的盒子模型？低版本 IE 的盒子模型有什么不同的？ （1）有两种盒子模型：IE盒模型（border-box）、W3C标准盒模型（content-box） （2）盒模型：分为内容（content）、填充（padding）、边界（margin）、边框（border）四个部分 IE
[CSS]清除浮动的几种方法
摘要：标准流：盒子会各占整行位置。子盒子若是标准流，父盒子虽然没有高度，但是会撑开父盒子高度。 浮动：盒子浮了起来，不会占据原来的位置，若父盒子没有定义高度，则不会撑开父盒子，父盒 子高度为0。（浮动可以让多个块级元素在一行显示，且块与块之间没有空隙，但要注意给父盒子清除浮动，否则父盒子不会被撑开）。 为
[CSS]Pink老师品优购 base.css
摘要：/* 把我们所有标签的内外边距清零 */ * { margin: 0; padding: 0; /* css3盒子模型 */ box-sizing: border-box; } /* em 和 i 斜体的文字不倾斜 */ em, i { font-style: normal } /* 去掉li 的小
[CSS] 初始化通用代码
摘要：腾讯QQ官网 样式初始化 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narro
[CSS]什么是BFC?
摘要：什么是BFC？ BFC 全称为 块格式化上下文 (Block Formatting Context) 。 从这个概念里你能看出来什么吗？ 这个名字给我们的信息只有 “块” “格式化” “上下文” 。我们大概可以了解到这个东西是对上下文起作用的。 那里的上下文？？ HTML文档！ 它大概的作用，貌似是
[CSS] 块级格式化上下文 BFC
摘要：# 块级格式化上下文 BFC## 官方解释> 它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用。当涉及到可视化布局的时候，BFC提供了一个环境，HTML元素在这个环境中按照一定规则进行布局。## BFC 的目的目的：形成一个**完全独立**的空间，让空间中的子元素不会影响到外面的布局
[CSS]居中
摘要：html, body { width: 100%; height: 100%; margin: 0; padding: 0; } body { background-color: #eeeeee; display: flex; justify-content: center; align-items
