pspgbhu的博客

摘要： 文本超出范围时需要隐藏超出范围的内容，并且同时显示省略号。/*****单行文本超出隐藏并显示省略号*****/.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 ... 阅读全文

摘要： CSS3属性 利用box-shadow制作网页页眉背景box-shadow浏览器支持 IE9+、Firefox 4、Chrome、Opera 以及 Safari 5.1.1 支持 box-shadow 属性。语法box-shadow: h-shadow v-shadow blur... 阅读全文

摘要： 搜索框点击时提示文字消失 离开时提示文字出现该例为一个搜索框，点击搜索框后默认提示文字自动清除，离开再次显示默认提示文字CSS搜索框 ... 阅读全文