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