css
文章平均质量分 79
Mr_linjw
这个作者很懒,什么都没留下…
展开
-
CSS小计之动画
CSS3动画有两点: 动画效果:transform(设置动画表现形式) translate(x,y):x/y轴移动 scale(x,y):缩放 rotate(angle):旋转 动画效果控制:transition (设置动画过程,属性名称transition-property、动画时长transition-duration延迟时长transition-delay等) .div { //该动作会向右缓慢移动100像素 transform: translateX(100原创 2022-03-30 15:34:54 · 262 阅读 · 0 评论 -
CSS 规范
缩进 使用soft tab(4个空格)。 #分号 每个属性声明末尾都要加分号。 #空格 以下几种情况不需要空格: 属性名后 多个规则的分隔符','前 !important'!'后 属性值中'('后和')'前 行末不要有多余的空格 以下几种情况需要空格: 属性值前 选择器'>', '+', '~'前后 '{'前 !important'!'前 @else前后 属性值中的','后 注释'/'后和'/'前 #空行 以下几种情况需要空行: 文件最后保留一个空行 '}...原创 2021-03-08 11:15:14 · 351 阅读 · 0 评论 -
IE 6不支持min-height或max-width等属性的完美解决方案
(本文的min-height操作方式试用于min-width、max-width、max-height。一样按下面的解决方案进行!) 第一种方法:我们可以利用IE6不识别!important来实现: 复制代码 代码如下: height:auto !important; height:100px; min-height:100px; 这原创 2015-06-25 17:41:01 · 1113 阅读 · 0 评论 -
web前端布局css常用初始化,收藏起来开箱即用!
/* 禁用iPhone中Safari的字号自动调整 */ *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;转载 2018-01-22 17:38:53 · 439 阅读 · 0 评论 -
微信IOS6.7.4版本在输入框弹出键盘后,页面没恢复
ios中,键盘的弹起,页面会往上挪动,使输入框展示在页面中间,键盘隐藏页面会下挪恢复原状 在6.7.4版本中,不会回挪,这将导致有相对定位(fixed,absolute:相对于浏览器窗体)的节点发生位移,导致节点点击事件偏移而无法选中 解决方案:输入框失去焦点(即键盘隐藏时),手动调整页面,document.activeElement.scrollIntoViewIfNeeded(true) ...原创 2018-12-17 16:07:08 · 3826 阅读 · 1 评论