![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
lianjiuxiao
这个作者很懒,什么都没留下…
展开
-
前端特定手机兼容问题汇总
1: iphone5 iphoneX 对象的结构赋值 会导致字段的顺序发生变化,后面赋值的会在最后面2: 红米K30 pro 微信公众号环境 css透明度 50% 不透明,必须为0.5原创 2021-09-26 17:43:34 · 342 阅读 · 0 评论 -
移动端视口配置
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />initial-scale: 初始的缩放比例; minimum-scale: 允许用户缩放到的最小比例; maximum-scale: 允许用户缩放到的最大比例; user-scalable: 用户是否可以手动缩放; ...原创 2021-03-25 11:41:02 · 126 阅读 · 0 评论 -
CSS3有哪些新特性
1:新特性 新增各种CSS选择器 (: not(.input):所有 class 不是“input”的节点) 圆角 (border-radius:8px) 多列布局 (column) 阴影和反射 (Shadow\Reflect) 文字特效 (text-shadow) 线性渐变 (gradient) 旋转,缩放,定位,倾斜 (transform) 动画 (Animation) 多背景,背景裁剪2: 新增伪类 - 伪元素p:first-of-type 选择属..原创 2021-03-18 17:44:28 · 1135 阅读 · 0 评论 -
reflow(回流)和repaint(重绘)
reflow(回流)和repaint(重绘)简要:整个在浏览器的渲染过程中(页面初始化,用户行为改变界面样式,动画改变界面样式等)reflow(回流)和repaint(重绘) 会大大影响web性能,尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。什么是reflow和repaint(原文链接:http://www.cnblogs.com/Peng2014/p/4687218.html)reflow:例如某个子元素样式发生改变,直接影响到了其父元素以及往上追溯很多祖先原创 2021-03-10 23:34:42 · 154 阅读 · 0 评论 -
font-awesome 实现纯css 美化 radio checkbox 美化
<!DOCTYPE html><html><head> <title></title> <link href="css/font-awesome.css" rel="stylesheet"> <style type="text/css"> input[type=checkbox...原创 2019-03-25 11:05:09 · 450 阅读 · 0 评论 -
CSS3的新特性整理
animation IE10animation的六大属性animation-name规定需要绑定选择器的keyframe名称animation-duration规定完成动画所花费的时间 s msobject.style.animationDuration="3s"animation-timing-function动画的速度曲线默认值easeobject.style....转载 2019-03-26 14:37:11 · 88 阅读 · 0 评论 -
BFC
BFC 已经是一个耳听熟闻的词语了,网上有许多关于 BFC 的文章,介绍了如何触发 BFC 以及 BFC 的一些用处(如清浮动,防止 margin 重叠等)。一、BFC是什么?在解释 BFC 是什么之前,需要先介绍 Box、Formatting Context的概念。 Box: CSS布局的基本单位 Box 是 CSS 布局的对象和基本单位, 直观点来说,就是一个页面是由很多个...转载 2019-04-24 18:41:16 · 115 阅读 · 0 评论