另外:别人电脑上没安装看你的网页是看不到这个字体的。
你可以在 css里面的 font-family 里面多定义几个文字
比如 宋体字 是对中文有影响 二队 英文和数字没有影响
而 aril 对英文和数字有影响 对中文没有影响
所以一般 font-family:宋体,楷体,arial,verdan 这样
字体定义中最少包含一个中文和一个英文字体
方法有很多种,是我就采用以下几种方式之一:
方式一:table布局
这种左右分别对齐的排版,第一反应用table。我知道肯定有人开始鄙视我,说什么年代了还在用table。但是,我想说的是table也是标准标签之一,把标签用在合适的地方,就是对标签最优的利用,不是吗?
*{margin: 0
padding: 0
}
.personName{
text-transform: uppercase
} <table>
<tr>
<td valign="top">
<span class="personName">Georage:</span>
</td>
<td valign="top">
<p>This is a good day.</p>
<p>This is a good day.</p>
</td>
</tr>
<tr>
<td valign="top">
<span class="personName">Ken:</span>
</td>
<td valign="top">
<p>This is a good day.</p>
<p>This is a good day.</p>
</td>
</tr>
</table>
方式二:利用dl标签
*{margin: 0
padding: 0
}
.personName{
text-transform: uppercase
float: left
width: 80px
clear: left /* 清除左浮动 */
}
.words{
float: left
}
.dailog{
overflow: hidden /* 可以清除浮动 */
margin-bottom: 20px
line-height: 24px
font-size: 14px
}
<dl class="dailog">
<dt class="personName">
Georage:
</dt>
<dd class="words">
<p>This is a good day.</p>
<p>This is a good day.</p>
</dd>
<dt class="personName">
Ken:
</dt>
<dd class="words">
<p>This is a good day.</p>
<p>This is a good day.</p>
</dd>
</dl>
方式三:可以利用 ul 或者 ol 标签,方法类似 方式二。
方式四:可以全用div,具体也类似方式二,这里就不罗列了。
一些详细的样式就不写了,这里只写了主要的样式,仅供参考。