大雀软件园

首页 软件下载 安卓市场 苹果市场 电脑游戏 安卓游戏 文章资讯 驱动下载
技术开发 网页设计 图形图象 数据库 网络媒体 网络安全 站长CLUB 操作系统 媒体动画 安卓相关
当前位置: 首页 -> 网页设计 -> HTML/CSS -> 第五章文字性质的CSS

第五章文字性质的CSS

时间: 2021-07-31 作者:daque

本章CSS的重要效率本章要引见的是笔墨关系的CSS训令。通 常一个网站的实质最多的即是笔墨了,透过那些笔墨关系的CSS训令,您不妨将您的 网页实质排版得美美的。本章将分两个部份为您引见,第一部份是字型本质的CSS指 令,用以遏制笔墨字型的百般款式;第二部份引见的是笔墨本质的CSS训令,用以控 制笔墨段落的表面及安排办法。字型本质的CSS训令font-family设定笔墨字型 扶助:IE3、IE4实用:一切元素大概值: <family-name>字型称呼预设值:视欣赏器而定接受性:有普遍典型:span { family-name : "标楷体" }同轴典型:<span style="family-name:标楷体">font-style设定字体款式 扶助:IE3、IE4、NC4实用:一切元素大概值: normal普遍字italic斜体字oblique斜体字预设值:normal接受性:有普遍典型:span { font-style : italic }同轴典型:<span style="font-style:italic">font-weight设定字型份量 扶助:IE3、IE4、NC4实用:一切元素大概值: normal普遍字bold粗体字bolder对立于父元素稍粗lighter对立于父元素稍细100,200,300,400,500,600,700,800,900.数字由小到大代办笔画由细到粗normal=400bold=700预设值:normal接受性:有普遍典型:span { font-weight : bolder }同轴典型:<span style="font-weight:bolder">font-size设定笔墨巨细 扶助:IE3、IE4、NC4实用:一切元素大概值: <absolute-size>一致巨细,可用的参数由小到大辨别有七项xx-small, x-small, small, medium, large, x-large, xx-large<relative-size>对立巨细,可用的参数为larger, smaller两项以父元素字型巨细为基准<lenght>长度单元,请参考第一章基础单元的关系证明<percentage>百分比,以父元素字型巨细为基准预设值:medium接受性:有普遍典型:span { font-size : 12pt }同轴典型:<span style="font-size:12pt">font-variant设定笔墨变换 扶助:IE3、IE4、NC4实用:一切元素大概值: normal普遍字small-caps将小写笔墨变换为小写预设值:normal接受性:有普遍典型:span { font-variant : small-caps }同轴典型:<span style="font-variant:small-caps">font归纳设定字型本质 扶助:IE3、IE4、NC4实用:一切元素大概值: <font-style>设定字体款式<font-variant>设定笔墨变换<font-weight>设定字型份量<font-size/line-height>设定笔墨巨细与列高(请参考设定笔墨列高部份)<font-family>设定笔墨字型预设值:无接受性:有普遍典型: span { font : bolder small-caps 12pt/120% arial }同轴典型:< span style="font : bolder small-caps 12pt/120% arial">笔墨本质的CSS训令line-height设定列高 扶助:IE3、IE4、NC4实用:一切元素大概值: normal普遍列高,按照字体变革有理莫大,视欣赏器而定<number>以元素字型巨细乘以该数即为列高<length>设定长度,请参考第一章基础单元的关系证明<percentage>百分比,对立于元素字型巨细为比率预设值:normal接受性:有普遍典型:div { line-height : 120% }同轴典型:<div style="line-height:120%">text-align设定笔墨对 扶助:IE3、IE4、NC4实用:区块元素大概值: center对中心right对右边left对左边justify安排对预设值:视欣赏器而定接受性:有普遍典型:div { text-align : center }同轴典型:<div style="text-align:center">vertical-align设定笔直对 扶助:IE4实用:同轴元素大概值: top对同列最高元素尖端bottom对同列最低元素底端baseline对底线middle对中心sub将元素置于下标super将元素置于上标text-top对笔墨尖端text-bottom对笔墨底端<percentage>参照元素自己列高,以父元素底线为基准作位移预设值:baseline接受性:有普遍典型:span { vertical-align : sub }同轴典型:<span style="vertical-align:sub">text-decoration设定笔墨化妆 扶助:IE3、IE4、NC4实用:一切元素大概值: none普遍字underline笔墨加底线overline笔墨加顶线line-through笔墨加简略线blink设定笔墨闪耀预设值:none接受性:有普遍典型:span { text-decoration : blink }同轴典型:<span style="text-decoration:blink">text-transform设定笔墨变换 扶助:IE3、IE4、NC4实用:一切元素大概值: none普遍字capitalize将英文单字地一个假名变换为小写uppercase将一切笔墨变换为小写lowercase将一切笔墨变换为小写预设值:none接受性:有普遍典型:span { text-transform : uppercase }同轴典型:<span style="text-transform:uppercase">letter-spacing设定假名间隙 扶助:IE4实用:一切元素大概值: normal不变换假名间隙,运用欣赏器预设值<length>要特殊减少的间隙长度,可为负值预设值:normal接受性:有普遍典型:span { letter-spacing : 0.5pt }同轴典型:<span style="letter-spacing : 0.5pt">text-indent设定笔墨缩排 扶助:IE3、IE4、NC4实用:区块元素大概值: <length>长度单元,请参考第一章基础单元的关系证明<percentage>以父元素宽窄为基准的百分比值预设值:0接受性:有普遍典型:div { text-indent : 3pt }同轴典型:<div style="text-indent:3pt">

热门阅览

最新排行

Copyright © 2019-2021 大雀软件园(www.daque.cn) All Rights Reserved.