[理学]CSS课件.ppt

* CSS属性 3.4.2 字体属性 font-style属性，用来设置指定元素的显示字形样式，属性值有normal（普通、默认值）/italic（斜体）/oblique（倾斜） 。 style type=text/css h1 {font-style: italic} h2 {font-style: normal} p {font-style: oblique} /style * CSS属性 3.4.2 字体属性 font-size属性，用来控制字体显示的大小。 style type=text/css h1 {font-size: 150%} h2 {font-size: 130%} p {font-size: 100%} .size_a{font-size: 30px} .size_b{font-size: 30pt} /style * CSS属性 3.4.2 字体属性 font-variant属性，字型异体，具有nomal与small-caps两种取值，在正常与小型大写字母之间切换。 style type=text/css p.normal {font-variant: normal} p.small {font-variant: small-caps} /style * CSS属性 3.4.2 字体属性 font-weight属性，设置字体的粗细，属性取值可为normal、bold、bolder、light、lighter、100、200、…900，100至900依次从最细渐变到最粗。 style type=text/css p.normal {font-weight: normal} p.thick {font-weight: bold} p.thicker {font-weight: 900} /style * CSS属性 3.4.2 字体属性 font属性，字体设置的一种简略写法，设置时可以省略某些属性，应按以下顺序出现：font-wight、font-variant、font-style、font-size、font-family。 style type=text/css p { font: italic small-caps 900 22px arial } /style * CSS属性 3.4.3 文本属性 letter-spacing属性，属性值可为具体长度，且可以为负值 。 style type=text/css h1 {letter-spacing: -3px} h4 {letter-spacing: 0.5cm} /style * CSS属性 3.4.3 文本属性 word-spacing属性，设置文本中单词(字)间的距离。 style type=text/css p.normal {word-spacing: normal} p.length {word-spacing: 1.5 cm} /style * CSS属性 3.4.3 文本属性 line-height属性，控制标记符中文本行高。其取值可以是数字、长度或百分比，normal为默认值。如取值为数字，则表示行高为当前字体调试的倍数。 例如：下例可表示20pt的行高 div{font-size:10pt,line-height:2} * CSS属性 3.4.3 文本属性 text-decoration，文本修饰属性，包括none、underline 、overline 、line-through 、blink等值。 style type=text/css h1 {text-decoration: overline} h2 {text-decoration: line-through} h3 {text-decoration: underline} a {text-decoration: none} /style * CSS属性 3.4.3 文本属性 text-align/vertical-align，水平对齐/垂直对齐。 text-align取值为left、right、center、justify，默认值为left，verticle-align的取值为baseline、sub、super、top、text-top、middle、bottom、text-bottom、百分比，baseline为默认值。 * CSS属性 3.4.3 文本属性 text-transform属性，用来设置文本格式转换，取值有none(默许值)、capitalize(首字母大写)、uppercase(字母大写)、lowercase(字母小写)。 style type=text/css p.uppercase {