CSS揭秘(1)
这个系列可能新手读起来比较慢,但我尽量用易懂的方式讲解,因为我曾经是初学者,我知道大家想知道什么。一张网面其实页面内容是比较重要的,图像是属于锦上添花,当然网页的排版也很重要。在CSS揭秘学习的第一站,首先要学习一下文字和文本,让大家对css有个初步的认识。
首先文字是指一种具体的字体,美术上也有这种区分,比如正楷。。什么啊等等。它们都有自已的外观。还是一个概念是文字集合是一些具有公性的文字的集合。例如:serif(衬线) sans-serif(非衬线) 和monospace(等宽).
相关文档:
关于CSS对各个浏览器兼容是个非常让人头疼的事情了, 网络上的教程遍地都是.今天在discuz.net上发现了一篇不错的东西,就转载过来和大家共享.可以当作CSS兼容IE6,IE7,FireFox典范了,值得去记录下。发现自己很久没有转载东西。
注:IE都能识别*;标准浏览器(如Firefox,Opera,Netscape)不能识别*;IE6能识别*,但不能识别 !im ......
让left的高度等于 center的高度..........
<div id=left></div>
<div id=center></div>
<script type="text/javascript">
document.getElementById("left").style.height = document.getElementById("center").offsetHeight + "px";
</script> ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<!-- www.div-css.com 网站标准化 2007-4-16 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>一个比较不错的C ......
效果图:
csstest.css
*{
margin-left:0;
margin-top:0;
font-size:12px;
color:White;
}
#biaoge
{
/*对ID为biaoge的标签使用此CSS*/
width:405px; /*列宽100,加上五个为1的边距,四列就是405*/
&nbs ......