CSS+DIV技术解读.ppt

4、Style对象? 每一个HTML对象都有一个style属性，style属性本身也是对象，称为style对象， Style元素对象提供了一组对应于浏览器所支持CSS属性的属性（如background 、fontSize和borderColor等）。 可通过HTML标记的style属性设置CSS属性,例如: P style=font-size:large;color:redHello/P PA href=“” style=“text-decoration: underline;font-size:36px” 中山大学/A有以下几个校区： /P h3 style=margin-left:50px CSS样式的概念/h3 在JavaScript代码中也可以处理CSS样式，方法是访问页面元素对象的style属性 . * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * (2）font-family指定字体 语法： font-family：字体1，字体2，字体3…… 可以设置多种字体。按优先顺序排列，以逗号隔开。如果字体名称包含空格，则应使用引号括起。当浏览器找不到第一种字体，将使用第二种字体替代，以此类推。 （3）font-size设定字号 语法： font-size：absolute-size|relative-size absolute-size：指的是绝对长度。使用时应谨慎地考虑到其在不同浏览器上浏览时可能出现的不同效果。对于一个用户来说，绝对长度的字体有可能会很大或者很小，如xx-small | x-small | small | medium | large | x-large | xx-large等。 relative-size：指的是相对长度，一般使用百分比实现，其百分比取值是基于父对象中字体的尺寸。 （4）font-style设定样式 语法： font-style：normal | italic |oblique normal：正常值。 italic：斜体。 oblique：偏斜体。 （5）font-weight设定字体粗细 语法： font-weight：normal | bold | bolder | lighter |100-900 字体粗细属性值如下表所示。 下面示例中h1标记的文本字体粗细是bolder，p标记文本字体粗细是100： head style type=text/css !-- h1{font-family:黑体; font-size:large font-style:italic; font-weight:bolder} p{font-family:楷体_GB2312; font-size:120%; font-style:italic; font-weight:100;color:red} -- /style /head 文本属性 文本属性设置文字之间的显示特性。CSS文本属性主要包括字母间隔、文字修饰、文本排列、行高、文字大小写等，如表9.3所示。 （1）letter-spacing设定字符间距 语法： letter-spacing：normal | length normal：正常值。 length：指定长度，包含长度单位。 （2）word-spacing设定单词间距 语法： word-spacing：normal | length normal：正常值。 length：指定长度，包含长度单位。 （3）text-decoration设定文字修饰 语法： text-decoration：underline | overline | line-through | blink | none 文字修饰属性值如表9.4所示。 （4）text-align设定横向文字对齐方式 语法： text-align：left | right | center | justity 横向文字对齐方式属性值如表9.5所示。 （5）vertical-align设定纵向文字对齐方式 语法： vertical-align：super | sub | top | middle | bottom | text-top | text-bottom 纵向文字对齐方式属性值如表9.6所示。 （6）text-indent设定文字首行缩进 语法： text-indent：value （7）line-height设定文字行高 语法： line-height：value 下面通过具体的CSS样式设置文本文字的常用属性。程序代码如下： head style type=text/css !— a:link{