来讲讲：CSS使用基本教程(5) 笔墨性子

Table中布局中，垃圾代码会很多，一些修饰的样式及布局的代码混合一起，很不利于直观。而Div更能体现样式和结构相分离，结构的重构性强。
<P><P>
本　章　Ｃ　Ｓ　Ｓ　的　主　要　作　用
　　本章要先容的是笔墨相干的ＣＳＳ指令。通常一个网站的内容最多的就是笔墨了，透过这些笔墨相干的ＣＳＳ指令，您能够将您的网页内容排版得美美的。本章将分两个部分为您先容，第一部分是字型性子的ＣＳＳ指令，用以把持笔墨字型的各类款式；第二部分先容的是笔墨性子的ＣＳＳ指令，用以控制笔墨段落的表面及安排体例。

字　型　性　质　的　Ｃ　Ｓ　Ｓ　指　令
font-family　设定笔墨字型
支　持：ＩＥ３、ＩＥ４
适　用：一切元素
大概值：<family-name>字型称号
预设值：视扫瞄器而定
承继性：有
一样平常典范：SPAN{family-name:"标楷体"}
同轴典范：<SPANstyle="family-name:标楷体">

font-style　设定字体款式
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：一切元素
大概值：normal一般字
italic斜体字
oblique斜体字
预设值：normal
承继性：有
一样平常典范：SPAN{font-style:italic}
同轴典范：<SPANstyle="font-style:italic">

font-weight　设定字型分量
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：一切元素
大概值：normal一般字
bold粗体字
bolder相对父元素稍粗
lighter相对父元素稍细
100,200,300,
400,500,600,
700,800,900.数字由小到年夜代表笔划由细到粗
normal=400　bold=700
预设值：normal
承继性：有
一样平常典范：SPAN{font-weight:bolder}
同轴典范：<SPANstyle="font-weight:bolder">

font-size　设定笔墨巨细
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：一切元素
大概值：<absolute-size>相对巨细，可用的参数由小到年夜分离有七项
xx-small,x-small,small,medium,large,x-large,xx-large
<relative-size>绝对巨细，可用的参数为larger,smaller两项
以父元素字型巨细为基准
<lenght>长度单元，请参考第一章基础单元的相干申明
<percentage>百分比，以父元素字型巨细为基准
预设值：medium
承继性：有
一样平常典范：SPAN{font-size:12pt}
同轴典范：<SPANstyle="font-size:12pt">

font-variant　设定笔墨转换
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：一切元素
大概值：normal一般字
small-caps将小写笔墨转换为年夜写
预设值：normal
承继性：有
一样平常典范：SPAN{font-variant:small-caps}
同轴典范：<SPANstyle="font-variant:small-caps">

font　综合设定字型性子
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：一切元素
大概值：<font-style>设定字体款式
<font-variant>设定笔墨转换
<font-weight>设定字型分量
<font-size/line-height>设定笔墨巨细与列高（请参考设定笔墨列高部分）
<font-family>设定笔墨字型
预设值：无
承继性：有
一样平常典范：SPAN{font:boldersmall-caps12pt/120%Arial}
同轴典范：<SPANstyle="font:boldersmall-caps12pt/120%Arial">

文　字　性　质　的　Ｃ　Ｓ　Ｓ　指　令
line-height　设定列高
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：一切元素
大概值：normal一般列高，依据字体变更公道高度，视扫瞄器而定
<number>以元素字型巨细乘以该数即为列高
<length>设定长度，请参考第一章基础单元的相干申明
<percentage>百分比，相对元素字型巨细为比例
预设值：normal
承继性：有
一样平常典范：DIV{line-height:120%}
同轴典范：<DIVstyle="line-height:120%">

text-align　设定笔墨对　
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：区块元素
大概值：center对　中心
right对　右侧
left对　右边
justify摆布对　
预设值：视扫瞄器而定
承继性：有
一样平常典范：DIV{text-align:center}
同轴典范：<DIVstyle="text-align:center">

vertical-align　设定垂直对　
支　持：ＩＥ４
适　用：同轴元素
大概值：top对　同列最高元素顶端
bottom对　同列最低元素底端
baseline对　底线
middle对　中心
sub将元素置于下标
super将元素置于上标
text-top对　笔墨顶端
text-bottom对　笔墨底端
<percentage>参照元素自己列高，以父元素底线为基准作位移
预设值：baseline
承继性：有
一样平常典范：SPAN{vertical-align:sub}
同轴典范：<SPANstyle="vertical-align:sub">

text-decoration　设定笔墨粉饰
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：一切元素
大概值：none一般字
underline笔墨加底线
overline笔墨加顶线
line-through笔墨加删除线
blink设定笔墨闪灼
预设值：none
承继性：有
一样平常典范：SPAN{text-decoration:blink}
同轴典范：<SPANstyle="text-decoration:blink">

text-transform　设定笔墨转换
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：一切元素
大概值：none一般字
capitalize将英文单字地一个字母转换为年夜写
uppercase将一切笔墨转换为年夜写
lowercase将一切笔墨转换为小写
预设值：none
承继性：有
一样平常典范：SPAN{text-transform:uppercase}
同轴典范：<SPANstyle="text-transform:uppercase">

letter-spacing　设定字母距离
支　持：ＩＥ４
适　用：一切元素
大概值：normal不改动字母距离，利用扫瞄器预设值
<length>要分外增添的距离长度，可为负值
预设值：normal
承继性：有
一样平常典范：SPAN{letter-spacing:0.5pt}
同轴典范：<SPANstyle="letter-spacing:0.5pt">

text-indent　设定笔墨缩排
支　持：ＩＥ３、ＩＥ４、ＮＣ４
适　用：区块元素
大概值：<length>长度单元，请参考第一章基础单元的相干申明
<percentage>以父元素宽度为基准的百分比值
预设值：0
承继性：有
一样平常典范：DIV{text-indent:3pt}
同轴典范：<DIVstyle="text-indent:3pt">




另外如果你不是javascrput的高手，你可以不必去写ID，只用class就可以。当客户端程序员写完程序，需要调整时候，你可以在利用他的ID进行控制。

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

还是在Dreamweaver所见即所得添加链接是，可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

可以使用 CSS 检查工具进行设计。

学Dreamweaver技术的过程其实是一个增加信心的过程。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。