随笔分类 -  CSS

摘要:前言 阿里无线前端团队在过去一年对所负责业务进行了全面的性能优化。以下是我们根据实际经验总结的优化指南,希望对大家有所帮助。 第一部分仅包括数据加载期优化。 图片控制 对于网页特别是电商类页面来说,图片通常会占据了大量的视觉空间,是页面中最为重要的展现内容,并且占据网页传输字节的大部分。因此,对图片 阅读全文
posted @ 2016-06-12 14:11 兌_onlyone 阅读(491) 评论(0) 推荐(0) 编辑
摘要:现在的网页设计越来越动态化,我们经常需要隐藏某些元素,在特定的时候才显示它们。我们通常可以使用4种方法来隐藏和显示元素。 这4种显示和隐藏元素的技术各自有它们自己的优点的缺点,下面来举例说明。 在这篇文章中,我们将使用下面的HTML代码和CSS样式来讲解着4种隐藏元素的技术。 <p>Dice use 阅读全文
posted @ 2016-06-10 13:47 兌_onlyone 阅读(202) 评论(0) 推荐(0) 编辑
摘要:html文件引入其它html文件的方法有三种,具体可以看下:1.IFrame引入,看看下面的代码<IFRAME NAME="content_frame" width=100% height=30 marginwidth=0 marginheight=0 SRC="import.htm" ></IFR 阅读全文
posted @ 2016-06-02 17:03 兌_onlyone 阅读(1482) 评论(0) 推荐(0) 编辑
摘要:清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全,共8种方法。 浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有 阅读全文
posted @ 2016-06-02 14:55 兌_onlyone 阅读(106) 评论(0) 推荐(0) 编辑
摘要:今天用css做了一个简单的三角上下移动的一个小动画,说白了就是在改变该物体的height值。除了这个方法,还可以用js。 一、在用css写动画时,一定要记住兼容性问题。如何解决该兼容性?在前面加内核前缀。 opera的内核是-o-; -moz代表firefox浏览器私有属性 -ms代表IE浏览器私有 阅读全文
posted @ 2016-05-23 19:03 兌_onlyone 阅读(195) 评论(0) 推荐(0) 编辑
摘要:【前端性能】高性能滚动 scroll 及页面渲染优化 最近在研究页面渲染及web动画的性能问题,以及拜读《CSS SECRET》(CSS揭秘)这本大作。 本文主要想谈谈页面优化之滚动优化。 主要内容包括了为何需要优化滚动事件,滚动与页面渲染的关系,节流与防抖,pointer-events:none 阅读全文
posted @ 2016-05-19 14:17 兌_onlyone 阅读(409) 评论(0) 推荐(0) 编辑
摘要:虽然div中内容上下居中的问题已经是一个比较古老的话题,但是最近发现还是有很多前端开发者在询问如何实现。其实网络上已经有很多资料和案例了,我这里再总结一下几个比较常见的处理方式。 情形一:div限高,内容长度限一行 情形二:div限高,内容不限 情形三:div高度不定,内容高度一定 情形四:div高 阅读全文
posted @ 2016-05-19 10:49 兌_onlyone 阅读(135) 评论(0) 推荐(0) 编辑
摘要:关于iframe的滚动条,如何去掉水平滚动条或垂直滚动条 关于<iframe>可以通过设置属性scrolling="no" 去掉iframe的两个滚动条。如何只去掉水平滚动条或垂直滚动条呢,一些网页组件通过设置组件的style属性的overflow-x : hidden或overflow : hid 阅读全文
posted @ 2016-05-18 11:24 兌_onlyone 阅读(1160) 评论(0) 推荐(0) 编辑
摘要:为了让页面在各不同浏览器之间显示效果一致,CSS样式清除和重置是前端开发必需要做的事情,结合前车之鉴,整理了份CSS重置样式代码供参考。 阅读全文
posted @ 2016-05-17 17:39 兌_onlyone 阅读(202) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示