精通css读书笔记

RGBa

RGBa（红色、绿色、蓝色、alpha透明度）是一种同时设置颜色和不透明度的机制

图像替换

FIP（图像替换）：

把要替换的文本放入span标签里：

<h2>
    <span>Hello World</span>
<h2>

然后将替换图像作为背景图案应用于标题元素：

h2{
    background:url(hello_world.gif) no-repeat;/*CSS 里的 no-repeat是针对背景图来说的。当你设置了no-repeat这个属性后，你的背景图将不会被重复，再换一种说法，你在网站上所看见的背景图就是你所增加的图， 不会出现平铺或重复的现象。*/
    width:150px;
    height:35px;
}

 并且将span的display值设置为none，从而隐藏span的内容：

span{    
    display:none;
}

该方法再屏幕阅读器中会出现一些问题，屏幕阅读器会忽略display值为none或visibility为hidden的元素。因而完全忽略这个文本。

Phark：

该技术适合屏幕阅读器且不需要添加额外的无语义div：

```html
<h2>
    Hello World
</h2>
```