终于到了布局的部分了! 布局 当渲染对象被创建并添加到树中,是没有位置和大小的,计算这些值的过程称为layout或reflow。布局是一个递归过程,由根渲染对象开始,对应html文档元素,布局继续递归的通过一些或所有的f…
标签:css
【每日一包0014】to-pascal-case,to-sentence-case,to-snake-case
[github地址:https://github.com/ABCDdouyae…] to-pascal-case 将用其他符号分开的字符串转换为驼峰形式 用法:toPascalCase(str) 返回:str…
安卓移动端video标签将页面元素覆盖。
1.安卓端下的video标签播放时会被浏览器接管。此时已经脱离了文档流,并且与文档已经非同层了,所以设置z-index是无效的。2.安卓下qq的x5内核浏览器,提供了相关属性。分别为:x5-playsinline:行内播…
微信公众号开发通用任务清单
1、appid获得登录微信公众号后台,开发者一般不是公众号的管理员所以登录的时候需要管理员扫码确认,不过现在可以把二维码发给微信管理员即可 2、appsecret登录公众号后台之后,appsecret每次都会变化,并且不…
Yoshino: 一个基于React的可定制化的PC组件库
Github: https://github.com/Yoshino-UI… Docs: https://yoshino-ui.github.io/#/ Cli-Tool: https://github.co…
网址收集
框架 妹子UIhttps://amazeui.clouddeep.cn UIkithttp://www.getuikit.net/index… ICON ZUIhttp://zui.sexy/#/ 前端练习题…
CSS揭秘之《多重边框》
1、box-shadow还接受第四个参数(称作“扩张半径”), 通过指定正值或负值, 可以让投影面积加大或者减小2、如果我们想要一道实线边框其实也是可以通过box-shadow来模拟,原理就是一个正值的扩张半径加上两个为…
渐进加强与文雅降级
1.代码展现 /*渐进加强*/ .div1 { -webkit-transition: all 2s; //Safari Chrome -moz-transition: all 2s; //Firefox -o-tran…
CSS学习笔记(十二) CSS命名规范
引言:最近想将这几个月做过的东西组件化,然后首先想到的是 编码规范化!本文只涉及 CSS 命名规范,搬来了Alloyteam 造好的轮子。可能并不完全适用,在以后开发过程中再根据需要进行修改。╮(╯_╰)╭ 1.常用的c…
CSS:选择器与优先级
样式优先级原则 总的原则1.CSS规定拥有更高确定度的选择器优先级更高2.如果样式中包含冲突的规则,且它们具有相同的确定度。那么,后出现的规则优先级高。 优先级:由高到低(从上到下) !important 内联(1,0,…
开发规范(三)CSS规范
概述 为提高团队协作效率,规范文件管理,方便项目后期维护,提高代码质量,特制订此文档,前端开发人员必须遵照本规范进行前台页面开发。 CSS规范 目前沿用NEC规范,阅读本规范前请熟读 NEC规范 补充规范 阅读 CSS编…
使用 REM 进行布局和适配.
首先从屏幕开始说起. 屏幕是由一个一个显示单元组成的.1 每一个显示单元都是物理世界真实存在的;2 把一个显示单元的大小称为一个’物理像素’;3 通常我们所说的 ‘分辨率’…