您的位置:首页 > Web前端 > CSS

html and css

2013-02-18 18:05 183 查看
1、某些css样式在有的网页中可行,在有的网页中不可行的问题。

将网页html代码<html>标签之前的<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">去掉即可。

2、图片做超链接的时候有蓝色边框的问题



<a href="main_left.html" target="mainFrame"><img src="images/main_l_09.jpg" width="211" height="57" /></a>

解决办法:在<img>里面加border="0"属性。

3、form与表格间有间隙的问题

给页面添加样式:body { margin: 0px;}

4、英文撑破表格的问题

给所有表格添加样式

td {

word-break:break-all;

word-wrap:break-word;

}

5、xp sp2中IE提示信息栏的问题

把在IE----INTERNET选项---高级里面的

“允许活动内容在我计算机上的文件运行”选中

6、图片和文字在同一行垂直居中的问题

给图片加样式vertical-align:middle 具体例子如:

<img src="images/png-064.jpg" alt="恭喜!" width="72" height="67" style="vertical-align:middle" />

7、让文本框不显示历史记录

给input加属性 autocomplete="off"

如:

<input type="text" style="width: 60px" size="6" maxlength="4" autocomplete="off"/>

8、让textBox输入框带背景的css:

.logon_input{

font-size: 12px;

color: #333333;

background-image: url(../image/logon_03.jpg);

height: 20px;

width: 180px;

border: 1px solid #B7BAC4;

padding: 2px;

}

9、submit和reset按钮自定义图片的css

.logon_button1{

background-image: url(../image/logon_04.jpg);

height: 25px;

width: 51px;

border:0;

cursor: hand;

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: