CSS经验之谈-CSDN博客

本文链接：https://blog.csdn.net/GyGuaiShou/article/details/8090443

CSS可控制超链接样式-css链接样式如下
a:active是超级链接的初始状态
a:hover是把鼠标放上去时的状况
a:link 是鼠标点击时
a:visited是访问过后的情况

style="border-collapse:collapse;"合并边框；

<td colspan="4">评价等级</td>合并单元格

如何让文字与文本框居中对齐

<style type="text/css">
<!--
.test{font-size:12px}
.test input{vertical-align:middle}
-->
</style>
<div class="test">
<input type="text" size="20"> <a href="#">帮助</a>
</div>

让图片与文字对齐：

修改图片的底部高度：属性：margin-bottom:-3px;

文字补白：

padding:2em 2em 2em 2em;

上下左右边框宽度：

border-top-width:5px;

border-bottom-width:5px;

border-left-width:5px;

border-right-width:5px;

IE、火狐下&nbsp兼容处理

<font style="font-family: '宋体', Simsun;" mce_style="font-family: '宋体', Simsun;"> &nbsp;&nbsp;</font>

margin-top:IE与火狐兼容问题：

float:left;display:inline;

在不同浏览器中用空格符“&nbsp”的兼容性问题
解决办法：在空格那一行设置一下字体，把字体设置成任意一种字符等间距的字体就行了。
如：<div style="border:1px #FF0000 solid;font-family:'宋体';white-space:pre;">间距&nbsp;&nbsp;一个中文字符</div>