方法一：图片尺寸未知，IE8-不支持CSS部分：DOM部分：方法二：图片尺寸已知，正负margin抵消CSS部分：DOM结构：//margin-top:-imgheight/2方法三：图片尺寸未知，table-cell属性，IE8-不支持CSS部分DOM部分方法四：图片大小未知，背景图片CSS部分D...
分类：
其他好文 时间：
2014-12-27 15:10:08
阅读次数：
161
CSS英文名Cascading Style Sheet，中文名字叫层叠样式表，是用于控制页面样式并允许将样式信息与网页内容分离的一种标记性语言，DIV+CSS是WEB设计标准，它是一种网页的布局方法。与传统中通过表格（table）布局定位的方式不同，它可以实现网页页面内容与表现相分离。提起DIV+CSS组合，还要从XHTML说起。XHTML是一种在HTML（标准通用标记语言的子集）基础上优化和改进...
分类：
Web程序 时间：
2014-12-27 08:58:42
阅读次数：
170
CSS主要是用来控制网页显示的样式。通过CSS可以让HTML里的内容展现出绚丽的效果，就好比给一个人化妆，用的恰当，效果就好。本文只是对CSS一些简单的内容作了一下整理，至于其他强大的功能还需要我们继续探索，在以后的学习中逐渐深入。...
分类：
Web程序 时间：
2014-12-27 08:57:12
阅读次数：
153
由于之前有了解过CSS的相关知识，有了一定的基础，所以读起《CSS 那些事儿》不是很有难度，况且我现在读起来时，CSS3和HTML5比较流行，这里只是记录一些CSS知识记录，不做详细铺开，以做记录和日后翻查之用.1.CSS的基本结构Selector {property：value;}由 选择符（.....
分类：
Web程序 时间：
2014-12-27 01:25:55
阅读次数：
134
CSS属性之字体(Font)
font：[ [ || || ]? [ / ]? ]
复合属性，各属性见下文。
必须同时包含font-size和font-family，且这两个值顺序不能变，其他关键字的值放到这两个值的前面，顺序可以随意打乱。
可以在字号值(font-size)上放一个可选的行高值(line-height)作为字号的某附属值，后面必须有fon...
分类：
Web程序 时间：
2014-12-27 00:20:02
阅读次数：
224
里面有两个demo，支持X横向和Y纵向翻转两个效果。对元素的布局有一定的讲究，需要分析一下demo的css。默认翻转速度为80，不要大于100ms。 【JQuery插件】扑克正反面翻牌效果 demo1 y轴 (css布局提示：背面默认隐藏 height为0 top是高度的一半也...
分类：
Web程序 时间：
2014-12-27 00:11:54
阅读次数：
223
css的transition允许css的属性值在指定时间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并平滑地以动画效果逐渐改变CSS的属性值。一般我们使用hover来改变css值在书写的时候，可能初学者会产生疑惑，不清楚transition是写在普通状态的元素上，还...
分类：
Web程序 时间：
2014-12-27 00:09:04
阅读次数：
240
一、为什么需要重置样式表
即使不写CSS样式，HTML标签在浏览器中也有样式，这些样式来自浏览器本身。但问题是，不同浏览器默认样式可能不同。CSS重置样式表就是为了解决这个问题。
二、常用的重置样式表
（1）简单暴力型
只有一行：
*{margin:0; padding:0;}通配符"*"匹配了所有的标签，通常认为性能不好。
（2）归零型
（几乎）全部将标签样...
分类：
Web程序 时间：
2014-12-26 21:45:20
阅读次数：
240
xxx
css and attr
css 只能修改和STYLE 相关的值。
而 attr 能修改所有的值。...
分类：
Web程序 时间：
2014-12-26 21:44:10
阅读次数：
210
一张张照片散乱的撒在一起，鼠标悬浮时旋转放大并摆正，效果如下图（所有图片均来自网络），主要使用到的css3属性有：transition、transform（scale、rotateZ）、box-shadow以及z-index。 ...
分类：
Web程序 时间：
2014-12-26 21:40:11
阅读次数：
196
