摘要：
文本超出范围时需要隐藏超出范围的内容，并且同时显示省略号。/*****单行文本超出隐藏并显示省略号*****/.element{width: 20em;/*不允许出现半汉字截断*/overflow: hidden; /*自动隐藏文字*/text-overflow: ellipsis... 阅读全文
摘要：
运用CSS3transition及opacity属性 制作图片轮播动画 自己这两天根据用js来控制触发CSS3中transition属性，从而写出来的以CSS3动画为基础，js控制过程的图片轮播 运用css3的opacity透明度属性和transition动画过度属性，用js对过程加以控制，也实现了 阅读全文
摘要：
在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能，之前还傻傻的在用js来实现类似功能。。。 示例 根据浏览器的不同，效果也不同。 有些会在鼠标focus文本框时，文字直接消失。 有些则会在输入文本时消失。占位文本... 阅读全文
摘要：
obj.style.z-index的正确写法今天发现obj.style.z-index在js里面报错，后来才知道在js里应该把含“-”的字符写成驼峰式，例如obj.style.z-index的正确写法应该是obj.style.zIndex 阅读全文
摘要：
用js触发CSS3-transition过渡动画 经过这几天的工作，让我进一步的了解到CSS3的强大，原本许多需要js才能实现的动画效果，现在通过CSS3就能轻易实现了，但是CSS3也有自身的不足，例如说在动画出发触发上就没有js灵活，因此我就开始考虑将CSS3与Js结合使用。 不过要注意CSS3属 阅读全文
摘要：
刚刚参加工作，开始更多的接触到一些新的知识，促使我开始了解html5和css3的新特性。这时我才真的发现到html5和css3的强大。 之前关于视频的控制更多的是运用复杂来实现，但在html5中新加入了<video>标签以及相应的DOM，通过这项新特性，我们能对网页中的视频进行更多简单的控制。 以下 阅读全文
摘要：
关于png、jpg、gif切图时的使用感悟曾经切图时都是一股脑所有图全切成jpg格式，最近突然心血来潮简单的研究了下其他图片格式的具体属性，才突然发现走了不少弯路，并没有做到使图片用最小体积展现出最佳的效果。 今天我就简单的总结下这两个的成果，同时以后也会持续更新最新的感悟。png... 阅读全文
摘要：
为了网页后期维护，使用统一的元素命名方式是很有必要的，因此记录下常用元素命名 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper ... 阅读全文