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;
}
将网页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;
}
相关文章推荐
- Great Html Tab Panel Using CSS and Javascript
- Tutorial on HTML and CSS
- The language of the web --Head First into HTML and CSS Chapter 1
- Give some advice on how to learn html,css,and javascript for c developers
- Zen Coding — a new way of writing HTML and CSS code
- Head first HTML and CSS 总结-11.Div and span
- 2011-9-21 xml与html的链接 and css、xsl修饰特点比较
- FREE javascript gantt - JSGantt HTML and CSS only
- 《Head First HTML_CSSand XHTML 》
- The Essential Guide to CSS and HTML Web Design
- Creating Vista Gadgets: Using HTML, CSS and JavaScript with Examples in RSS, Ajax, ActiveX (COM) and
- Head first HTML and CSS 总结- 12.布局和排版
- CSS and its selectors- Head first into HTML
- [orginal] Progressbar implementation with js,css,and html
- HTMLCSS_《HTML5 Up and Running》
- Head first HTML and CSS 总结- 13.表格
- 《Head First HTML with CSS and XHTML》 读后感
- [HTML] Creating visual skip links in HTML and CSS
- Html, Xhtml, And CSS Bible
- pyspider爬虫学习-教程1-HTML-and-CSS-Selector.md