摘要: 本文翻译修改自 圣杯布局 在页面上的显示效果就是左右两边是个固定的宽度,中间的容器自适应;即根据页面大小的变化而变化。 如何实现 战略很简单。容器div的侧面有自适应中心和固定宽度的衬垫。然后诀窍是让左列与左侧填充对齐,右侧列与右侧填充对齐,留下中心列以填充容器的自适应宽度。 1、基本结构 给点基本 阅读全文
posted @ 2019-01-01 00:55 jadedoo 阅读(230) 评论(0) 推荐(0) 编辑
摘要: 本文是根据网上资料总结出来的文章 左边固定,右边自适应的两栏布局。 基本样式 双inline block方案 通过width: calc(100% 140px)来动态计算右侧盒子的宽度。需要知道右侧盒子距离左边的距离,以及左侧盒子具体的宽度(content+padding+border),以此计算父 阅读全文
posted @ 2018-12-31 00:16 jadedoo 阅读(844) 评论(0) 推荐(0) 编辑
摘要: 本文是根据网上资料总结出来的文章 水平居中 行内元素的水平居中 如果被设置元素为文本、图片等行内元素时,在父元素中设置text align:center实现行内元素水平居中,将块级元素的display设置为inline block,使块级元素变成行内元素,也可以水平居中。 块状元素的水平居中 1.当 阅读全文
posted @ 2018-12-30 23:55 jadedoo 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 本文是根据网上资料总结出来的文章 CSS 布局方式 一列布局 多用于显示标题展示等; 两列布局 两列布局,最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果,以及需要及时清除浮动。 注意: 1.如何父级元素没有设置高度,则需要设置overflow:hidden来清 阅读全文
posted @ 2018-12-30 23:00 jadedoo 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 本文是根据网上资料总结出来的文章 布局模型 在网页中,元素有三种布局模型: 1、流动模型(Flow) 默认的 2、浮动模型 (Float) 3、层模型(Layer) 流动模型(Flow) 流动(Flow)模型是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网 阅读全文
posted @ 2018-12-30 22:23 jadedoo 阅读(317) 评论(0) 推荐(0) 编辑
摘要: 进阶 less与sass 分离 sass与less相同 CSS3前缀处理 postcss postcss需要单独配置config postcss.config.js 与 webpack.config.js 同级 配置loader 分离css 清除未使用的CSS PurifyCSS webpack要以 阅读全文
posted @ 2018-12-29 12:45 jadedoo 阅读(133) 评论(0) 推荐(0) 编辑
摘要: CSS中的图片处理 直接从外部引入css的背景等图片是打包不出来的,需要用到url loader和file loader。 file loader :解决引用路径的问题,file loader可以解析项目中的url引入(不仅限于css),根据我们的配置,将图片拷贝到相应的路径,再根据我们的配置,修改 阅读全文
posted @ 2018-12-29 12:45 jadedoo 阅读(696) 评论(0) 推荐(0) 编辑
摘要: 在打包css之前,需要知道module有什么作用,还有loader。 module 主要是用来配置不同的加载器,而加载器是用于不同的文件。 loader 主要用于将不同的文件都转换成js文件,如css,ES6等。 所有的Loaders都需要在npm中单独进行安装,并在webpack.config.j 阅读全文
posted @ 2018-12-29 12:45 jadedoo 阅读(351) 评论(0) 推荐(0) 编辑
摘要: 什么是webpack? 简单来说,就是模块打包机,主要分析项目的结构,根据你的配置将源代码转换发布到线上可执行的代码。 代码转换:TypeScript 编译成 JavaScript、SCSS 编译成 CSS 等。 文件优化:压缩 JavaScript、CSS、HTML 代码,压缩合并图片等。 代码分 阅读全文
posted @ 2018-12-27 21:28 jadedoo 阅读(163) 评论(0) 推荐(0) 编辑
摘要: OBS Studio 录屏 开源软件,知根知底,没有广告,功能丰富,除了音频部分缺少回响、高低频调节,录音增强以及降噪功能比较初步以外可以说基本没有短板,配合一定的设置甚至可以满足各种直播需求,当然,我一般就是当个纯粹的录屏软件,效果相当不错。 qBittorrent 下载 建议把其内置的种子和Ma 阅读全文
posted @ 2018-11-19 02:59 jadedoo 阅读(728) 评论(0) 推荐(0) 编辑