好久没有更新的CSS3演武场系列，半年前搁浅的一篇文章赋予新年新气象闪亮登场了，研究一下利用css（sass）实现粒子效果，主要使用box-shadow生成粒子，利用css3 animation和translateZ实现动画。...
分类：
Web程序 时间：
2015-01-09 14:19:18
阅读次数：
1032
浮动标准：W3C CSS 2.1 规范文档里对于浮动元素与非浮动行内元素相邻时的情况有如下解释。以下是关键段落：A floated box is shifted to the left or right until its outer edge touches the containing bloc...
分类：
其他好文 时间：
2015-01-09 14:14:39
阅读次数：
322
也许标题有点夸大了。虽然不能完全保证大家都不知道这些，但是这也算是一个好机会检测下你是否知道或使用过下面的内容。SelectorsRoot:root{}使用root可以让你在DOM中选择最高级父元素。如果你在写HTML,那么htnl元素永远是最高的。因为对于一个目标元素伪类选择器有更高特性，你可以用...
分类：
Web程序 时间：
2015-01-09 14:10:31
阅读次数：
254
CSS样式命名说明网页公共命名#wrapper页面外围控制整体布局宽度#container或#content容器,用于最外层#layout布局#head, #header页头部分#foot, #footer页脚部分#nav主导航#subnav二级导航#menu菜单#submenu子菜单#sideBa...
分类：
Web程序 时间：
2015-01-09 14:08:27
阅读次数：
184
一般情况下，元素拥有默认的white-space:normal（自动换行，PS：不 换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字（常规数据应 该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑...
分类：
Web程序 时间：
2015-01-09 13:59:15
阅读次数：
201
html HTML的代码都是由标签所组成的基本格式： 存放在head里面的内容会先加载 存放属性的信息或者辅助性的信息 引入外部的文件（CSS JavaScript简称js） 存放就是真正显示给用户的信息 注意事项：1.缩进，增强代码的可读性2.大多数的标签都是由开始和结束标签所组成。个别的标...
分类：
Web程序 时间：
2015-01-09 13:57:39
阅读次数：
173
CSS图片拼合生成器：http://cn.spritegen.website-performance.org/设计理论学习指南：http://www.cocoachina.com/special/design/图片无损压缩70%：https://tinypng.com/W3C官方Debug开发的HT...
分类：
其他好文 时间：
2015-01-09 13:56:38
阅读次数：
266
百分比值同关键字很接近，但其操作方式不一样。用百分比值来居中一幅背景图像，也很简单： body { background-image;url(beijing.gif); background-repeat:no-repeat; background-position:50% 50%; } 这使得背景...
分类：
Web程序 时间：
2015-01-09 12:34:50
阅读次数：
264
用js的style属性可以获得html标签的样式，但是不能获取非行间样式。那么怎么用js获取css的非行间样式呢？在IE下可以用currentStyle，而在火狐下面我们需要用到getComputedStyle。下面是一个小示例： js用currentStyle和getComputedSt...
分类：
Web程序 时间：
2015-01-09 12:28:18
阅读次数：
117
原文:css优先级计算规则 最近面试了一些求职者，我问css优先级计算规则是怎样的？答曰ID优先级>class>元素选择器，外联样式优先级低于内联样式，内联样式优先级低于行间样式，然后就没有然后了……，ID选择器的优先级确实>class选择器的优先级>元素选择器的优先级，但是外联样式优先级并不一定低...
分类：
Web程序 时间：
2015-01-09 12:02:44
阅读次数：
201
