时间：2021-07-01 10:21:17 帮助过：92人阅读
.header{ text-indent:-9999px; background:url('someimage.jpg') no-repeat; height: 100px; /*dimensions equal to image size*/ width:500px;} 这是一个很好的SEO技巧，让你看到一个不错的花哨的图像，而不是简单枯燥的文字，但搜索引擎将只能看到文字。
.header{
text-indent:-9999px;
background:url('someimage.jpg') no-repeat;
height: 100px; /*dimensions equal to image size*/
width:500px;
}
这是一个很好的SEO技巧，让你看到一个不错的花哨的图像，而不是简单枯燥的文字，但搜索引擎将只能看到文字。
不知道这算不算是一个作弊的行为。text-indent为正值意为文本块向右缩进长度，为复制意为文本块向左缩进长度。上面的效果是，将文字移出了浏览器的视野之内，但是搜索引擎会找得到。
#container{
height:auto !important;/*all browsers except ie6 will respect the !important flag*/
min-height:500px;
height:500px;/*Should have the same value as the min height above*/
}
Internet Explorer不理解min-height属性，但这里的CSS技巧来完成，在IE浏览器。跨浏览器的最低高度（让IE支持min-height）
transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}虽然CSS3标准包括Opacity属性，但不是每个浏览器都支持它跨浏览器的透明度，这里的CSS技巧。跨浏览器支持不透明度
line-height:30px; height:30px;如果您使用的是固定高度容器和垂直居中的文本，使用line-height属性，line-height像素和高度一致，完美地做到这一点。
body{
width:980px;
margin:0 auto;
}让body笃定宽度并且居中。
text-transform: capitalize;让每个单词的首字母大写。
font-variant:small-caps;让所有字母都大写。
a img{ border:none; }图片超链接通常会得到一个丑陋的蓝色边框，使您的图像超链接看起来可怕。下面代码就可去掉。
@font-face {
font-family: Blackout;
src: url("assests/blackout.ttf") format("truetype");
}@font-face
能够加载服务器端的字体文件，让客户端显示客户端所没有安装的字体。input[type="text"] {
width: 200px;
}定义文本框样式。
onerror="javascript:this.src='../indexImages/daex03.jpg'"
在控件的同一行让文字垂直居中
#divSearch input {
vertical-align: middle;
}//获取传过来的参数值
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}