• 不断学习才有回报,学无止境!

2014年09月的内容

DIV+CSS技巧发现

css的写法优化规则

1、*{ margin:0; padding:0;} 请不要使用全局Reset: 既然是全局的定义,那么他会吧所有标签都处理一遍,增加了浏览器解析的时间。有些标签其实没有必要处理, 2、display与visibility的差异 他们用于设置或检索是否显示对象。display隐藏对象不保留物理空间,visibility为隐藏对象保留占据的物理空间。当浏览器渲……继续阅读 »

5年前 (2014-09-30) 409浏览 0评论

DIV+CSS技巧发现

text-indent的用法技巧

今天无意间看到text-indent的用途有好几种,以前用这个属性最多的就是隐藏文字。 觉得text-indent挺有意思的,就小小的总结了一下: 1、text-indent应用于块级元素 text-indent常用于段落首行2字符的缩进。各浏览器都可以正常的显示 css: <style type=”text/css”> ……继续阅读 »

5年前 (2014-09-28) 369浏览 0评论

SEO/SEM/网建

做网站如何才能有效抓住用户体验度

如今的网站,要想有好的发展,以我看来主要的就是用户体验,针对浏览你网页的特定用户采取不同的优化方式。在本篇文章来看看笼络住用户的体验要点: (一)关于体验 约瑟夫.派恩和詹姆士.吉尔摩在《体验经济》一书中提出其观点:所谓“体验”就是企业以商品为道具,以服务为舞台,以顾客为中心,创造出可以使消费者全面参与、让消费者感到值得回忆的活动。 体验是使每个人以个性化的……继续阅读 »

5年前 (2014-09-26) 369浏览 0评论

DIV+CSS技巧发现

纯css制作三角、圆形按钮,兼容ie6的方法及原理

最近要改公司网站的挂件,老板要求尽可能的不用图片,都知道这是为了减少http的请求次数遇到做一些小图标,例如小三角之类的符号时遇到问题,于是在上篇关于css做小三角符号文章的基础上再补充说明,加深印象。 以前一直用图片做小三角、圆形按钮等,但有时候实在不太方便,例如换个颜色又要打开ps弄,挺麻烦的。而且对于追求细节和极致的前端工程师来说,能不用图片就不用图片……继续阅读 »

5年前 (2014-09-25) 1235浏览 0评论

DIV+CSS技巧发现

使用CSS3的box-reflect属性制作倒影

box-reflect解释: css3的box-reflect属性可以实现倒影的效果,但是浏览器的支持不好(仅webkit内核的浏览器支持),网上写的在chrome、Safari、和Opera下支持,我在chrome和Opera下试验没效果(也可能我的版本低),但是也可以得出pc端的项目目前这个属性不可用(移动端没试验)。仅作为对css3的学习加以了解。 1……继续阅读 »

5年前 (2014-09-23) 510浏览 0评论

DIV+CSS技巧发现

css中attr()、counter()、calc()的使用技巧

各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备,以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁,更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。 在CSS中用attr()显示HTML属性值 attr()功能早在CSS……继续阅读 »

5年前 (2014-09-21) 422浏览 0评论