css强制换行和超出隐藏实现
一、强制换行1 word-break: break-all; 只对英文起作用，以字母作为换行依据。2 word-wrap: break-word; 只对英文起作用，以单词作为换行依据。3 white-space: pre-wrap; 只对中文起作用，强制换行。word-break:brea...
css命名规则
div命名规则一般用英文来命名，不使用中文。常用的命名如下：头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper 或 wrap左右中：left right center...
父元素高度确定的多行文本、图片、块级元素的竖直居中
方法一：css中有一个用于竖直居中的属性vertical-align，但只有当父元素为td或th时，这个vertical-align属性才会生效，对于其他块级元素，例如div、p等，默认情况下是不支持vertical-align属性的。在Firefox和IE8下...
不确定宽度的块级元素的水平居中
方法一：在没有办法通过设置固定宽度，margin-left：auto和margin-right：auto来实现居中，可以用table来实现不确定宽度的居中。方法二：改变块级元素的display为inline类型，然后用text-align：center来实现居中。...
总结display：inline-block
display：inline存在一定的问题，1.它只对行内元素实现display：inline-block，如果是块级不行。
css透明度样式书写
filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; &...
IE系列不支持CSS的圆角border-radius等属性的解决方案
E系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题，而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好，如何解决这个问题呢？ 一种比较传统的方案是放...
各类浏览器兼容样式书写
详细查看附件
创建CSS3的动画预加载器说明介绍
预加载器是在现代网络设计中常见的景象。随着用户，我们预计网络要快和流体 - 我们不喜欢等待的东西。预加载器提供正在加载内容时的视觉反馈，从而进行期望管理，降低用户放弃你的网站的机会。CSS3的要点创...
优化好看弹窗效果图，三角弹框
此效果制作起来并不难，纯css+div制作<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...
常用的表单输入框默认文字效果，点击文字不会显示
<input type="text" value="姓名（Name）" onfocus="if(value=='姓名（Name）'){value =''}" onblur="if(value==''){valu...
网站通用的基本样式Reset
/* Copyright (c) 2009, Shawphy(shawphy.com). All rights reserved. http://shawphy.com/2009/03/my-own-reset-css.html Based on YUI http://developer.yahoo.c...
