一般情况下, 如果我们要使一个div在父元素中水平居中显示, 我们会给它设置一个宽度, 然后设置margin: 0 auto; 这个属性只有在div的display为block或者默认情况下才会有效果.
但是在某些必需的情况下, 我们给div设置了display为inline-block的情况下, 发现使用margin来让其居中这个方法行不通. 那么此时解决的方法就是: 给该元素的父元素添加样式 text-align: center, 这样的话该元素就可以实现水平居中了.
| 宋体 | SimSun |
| 黑体 | SimHei |
| 微软雅黑 | Microsoft YaHei |
| 微软正黑体 | Microsoft JhengHei |
| 新宋体 | NSimSun |
| 新细明体 | PMingLiU |
| 细明体 | MingLiU |
| 标楷体 | DFKai-SB |
| 仿宋 | FangSong |
| 楷体 | KaiTi |
| 仿宋_GB2312 | FangSong_GB2312 |
| 楷体_GB2312 | KaiTi_GB2312 |
宋体：SimSuncss中中文字体（font-family）的英文名称
有哪些 nth-child ?
:first-child
举例：
.info_list li .picture img{position: absolute; top: 50%; transform: translate(-50%, -50%) scale3d(1,1,1); left: 50%;}
.info_list li .picture img:hover{transform: translate(-50%, -50%) scale3d(1.1,1.1,1);}
webkit内核下美化浏览器滚动条样式，支持chrome和safari浏览器
直接上css
html {
...最近在做一个门户网站，遇到从没遇到过的问题，页面在IE7和FF都显示正常，而在IE6下，部分css失效，最后经查阅发现问题所在是css编码问题：
网页采用的是utf-8编码的，而CSS是使用的是ANSI编码的，这种情况在IE8、IE7和Firefox可以被识别CSS样式会正常显示，但是IE6及其以下版本都不认识，导致了上面问题描述的情况。
解决办法：将网页和CSS文件的编码使用一样的，就可以了，建议将CSS文件的样式修改使其和网页保持一致。修改CSS文件的编码方式可以使用Editplus将CSS文件打开，然后“另存为”，在“编码”中选择与网页一致的编码方式，然后确定覆盖原来文件就可以了
...chrome margin失效的解决办法可以尝试在第一个div中加入overflow:hidden;
测试代码，注意红色部分：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
...
使用css是可以控制文字间距的，方法是在CSS样式表中加入 letter-spacing:2px; 如：h2 { font-size: 18px; letter-spacing:2px}
background 透明，文字不透明的方法
直接看代码：
<style type="text/css">
#container{ border:1px solid #c00; background-color:rgba(212,0,0,0.5);
XHTML+CSS 选择什么样的DOCTYPE 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。查看本站首页原代码，可以看到第一行就是： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 打开一些符合标准的站点，例如著名web设计软件开发商macromedia，设计大师zeldman的个人网站，会发现同样的代码。而另一些符合标准的站点(例如k10k.net)的代码则如下： <!DOCTYPE html PUBLIC "-//W3C//DTD xhtml 1.0 Frameset//EN"
...
firefox和IE中css的区别
firefox和IE中css的区别用法：
...
代码如下：
一、在flash代码上加wmode属性，tranparent:透明，opaque:不透明
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/
...
简易版 JavaScript 下拉菜单。其实用 JS 实现下拉菜单比 CSS 简单多了，因为各个浏览器之间对 JS 支持的差异相比 CSS 来说要小一些，不需要花那么多心思用在对付浏览器上。如果 HTML 的结构良好，只需要很少的 JS 代码即可实现，而且可以实现多级下拉菜单的效果。
页面源代码：
...
实现新窗口中打开链接方法：
1，整个页面上使用<base target="_blank">来实现页面上所有链接都在新窗口打开
2，定义CSS:a:active {text:expression(target="_blank");}以下是示例：
CSS中定义如下
<style type="text/css">
...
<< 向左走，向右走 >>