摘要： 本文翻译修改自 圣杯布局 在页面上的显示效果就是左右两边是个固定的宽度，中间的容器自适应；即根据页面大小的变化而变化。 如何实现 战略很简单。容器div的侧面有自适应中心和固定宽度的衬垫。然后诀窍是让左列与左侧填充对齐，右侧列与右侧填充对齐，留下中心列以填充容器的自适应宽度。 1、基本结构 给点基本 阅读全文

摘要： 本文是根据网上资料总结出来的文章 左边固定，右边自适应的两栏布局。 基本样式 双inline block方案 通过width: calc(100% 140px)来动态计算右侧盒子的宽度。需要知道右侧盒子距离左边的距离，以及左侧盒子具体的宽度(content+padding+border)，以此计算父 阅读全文

摘要： 本文是根据网上资料总结出来的文章 水平居中 行内元素的水平居中 如果被设置元素为文本、图片等行内元素时，在父元素中设置text align:center实现行内元素水平居中，将块级元素的display设置为inline block，使块级元素变成行内元素，也可以水平居中。 块状元素的水平居中 1.当 阅读全文

摘要： 本文是根据网上资料总结出来的文章 CSS 布局方式 一列布局 多用于显示标题展示等； 两列布局 两列布局，最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时清除浮动。 注意： 1.如何父级元素没有设置高度，则需要设置overflow:hidden来清 阅读全文

摘要： 本文是根据网上资料总结出来的文章 布局模型 在网页中，元素有三种布局模型： 1、流动模型（Flow） 默认的 2、浮动模型 (Float) 3、层模型（Layer） 流动模型（Flow） 流动（Flow）模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网 阅读全文

摘要： 进阶 less与sass 分离 sass与less相同 CSS3前缀处理 postcss postcss需要单独配置config postcss.config.js 与 webpack.config.js 同级 配置loader 分离css 清除未使用的CSS PurifyCSS webpack要以 阅读全文

摘要： CSS中的图片处理 直接从外部引入css的背景等图片是打包不出来的，需要用到url loader和file loader。 file loader ：解决引用路径的问题，file loader可以解析项目中的url引入（不仅限于css），根据我们的配置，将图片拷贝到相应的路径，再根据我们的配置，修改 阅读全文

摘要： 在打包css之前，需要知道module有什么作用，还有loader。 module 主要是用来配置不同的加载器，而加载器是用于不同的文件。 loader 主要用于将不同的文件都转换成js文件，如css，ES6等。 所有的Loaders都需要在npm中单独进行安装，并在webpack.config.j 阅读全文

摘要： 什么是webpack？ 简单来说，就是模块打包机，主要分析项目的结构，根据你的配置将源代码转换发布到线上可执行的代码。 代码转换：TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。 文件优化：压缩 JavaScript、CSS、HTML 代码，压缩合并图片等。 代码分 阅读全文

摘要： OBS Studio 录屏 开源软件，知根知底，没有广告，功能丰富，除了音频部分缺少回响、高低频调节，录音增强以及降噪功能比较初步以外可以说基本没有短板，配合一定的设置甚至可以满足各种直播需求，当然，我一般就是当个纯粹的录屏软件，效果相当不错。 qBittorrent 下载 建议把其内置的种子和Ma 阅读全文