当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
样 式 表 全 接 触(3) | |||
2005-12-30 19:14:07 文/45IT收集 出处:电脑软硬件应用网 | |||
三、样式表的属性 1、背景属性 此属性是设置背景图案的起始位置,可分别用百分比和长度值来设定,初始值为0和0,例如:body{background-position:50% 50%} 2、文本属性 这里介绍几个常用的文本属性:"text-decoration ""text-aling""line-heigth""text-indent"。 text-decoration相信大家对这个属性都不会陌生,如我们常在网上看到的没有下划线的超链接,就是通过设置这个属性来实现的。其常用的属性值有4个,分别是: 属性值 说明 none 无 underline 下划线 overline 上划线 lineth-rough 删除线 有上面的属性值以后,我们就可以去掉超链接中的下划线了,设置如下:A:link{text-decoration:none} text-align这个属性定义了文本的对齐方式,其作用与HTML中的"align"相似。其定义的对齐方式有四种,分别是: left 左对齐 right 右对齐 center 居中 justify 两端对齐 line-height这个属性用来定义文本行高,即相邻的两行文字间的距离,此属性可用数字、长度、百分比来定义。例如: body{line-heigth:1.5;font-size:10pt} body{line-heigth:150%;font-size:10pt} 这两个定义产生的行高都是15pt;即行高属性值乘以字体大小。 text-indent此属性定义文本首行的缩进方式,也即是在用WORD软件时所见的首行缩进的效果;此属性值可以为负。例如: P{text-indent:5em} p{text-indent:-5em} 将上面任何一句加到HTML中,就可以看到效果了。 3、字体属性 字体属性是使用最多的,CSS的字体的常用属性包括: font-family 匹配字体 BODY{font-family:Arial,Times,impact} font-weight 字体精细 p{font-weight:bolder}设置字体为加粗 font-size 字体大小 body{font-size:10pt} font-family 字形 p{font-family:italic}设置字体为斜体 其中的font-family的含义:首先寻找字体的名称(Arial),如果在该计算机中安装了这种字体,就使用它。如果没有安装,则移向下一种字体(Times),如果这种字体也没有安装,则移向第3种字体.你可以在列表中加入任何种字体名称。当你对一种字体在不同的操作平台上的名称没有把握时,这样做是一种好办法。另外你也可以一次性的定义所有的属性。例如: BODY{fotn-family:宋体,Arial;font-weight:bolder;fint-size:10pt;color:blue}
|
|||
最新热点 | 最新推荐 | 相关文章 | ||
页面自动跳转的几种实现方法 网站内容的四种分类形式 或多或少的… 如何指定规范网页?rel="canonical" 浅谈网站评论体系设计的不足之处 网页中“上一篇”“下一篇”设计思考 网页设计进度指示器帮助用户预测步骤 网页用户体验:网页注册表单设计分析 网页设计常出现8大问题 网页设计的形象思维归纳 彻底去掉动易内容页顶部的“改变图片… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |