CSS
大梦放觉醒
这个作者很懒,什么都没留下…
展开
-
网页优化目标
1:100毫秒的界面响应时间与60FPS。(界面的流畅性)2:速度指标(speed index)小于1250ms。3:3G网路环境下可交互时间小于5秒。4:重要文件的大小预算小于170kb。...原创 2018-08-02 09:25:51 · 891 阅读 · 0 评论 -
滚动视差
最近在一个公众号看到滚动视差效果,觉得挺有意思的,相比传统滚动的显示效果让人耳目一新。来源:http://web.jobbole.com/95068/主要是运用background-attachment属性,该属性有四个值,分别是scroll(默认)、fixed、local和inheritscroll:背景相对于元素固定,背景随页面滚动而滚动,背景和内容绑定fixed:背景相对于视...原创 2018-08-15 16:56:02 · 407 阅读 · 0 评论 -
a标签中onclick 和 href同时存在,只执行onclick而不执行href跳转
之前处理导航栏和tab关联的时候看别人对插件的使用,在a标签中触发事件,获取a标签的href,data-id属性,来创建一个新的tab,并且不处罚href,在iframe中根据href打开新的iframe。用法:<div> <a class="b" href="111.html" id="a" onclick="qwe();event.returnValue=f...原创 2018-08-24 10:26:09 · 8418 阅读 · 0 评论 -
边距重叠问题
1:在布局的时候会碰见子元素设置边距影响父元素的情况,对已经布局好的界面产生影响。.parent{ width: :300px; height: 300px; background-color: green;}.child{ width: 200px; height: 200px; background-color: blue;}...原创 2018-11-29 10:02:50 · 275 阅读 · 0 评论 -
清除浮动的方法
当出现浮动元素和文字(或其他)在同一个div内会出现显示上的问题,有时候需要清除浮动效果来达成界面上的设计。比如一个img和p标签,未给img添加浮动时候,p内容在img的下面,如果需要同行显示就需要给img浮动,然后清除img的浮动属性,达到img和p在同一行左右排布。1:添加非浮动的清除元素(1):伪类元素清除浮动在需要清除浮动元素的外容器添加伪类元素.clearfix:...原创 2018-11-28 16:58:07 · 189 阅读 · 0 评论 -
关于在VS 2015中直接使用@keyframes的问题
今天测试一个动画效果,直接在页面中使用@keyframes的时候会出报错,相关css样式全部变灰,后面试了试外部引入样式文件之后可以成功运行。暂时还不知道为什么会这样。...原创 2018-12-03 15:39:13 · 974 阅读 · 2 评论