繁体中文
设为首页
加入收藏
当前位置:在线教程首页 >> 网页设计 >> CSS与特效 >> CSS样式应用技巧

CSS样式应用技巧

2005-05-25 18:08:00  作者:佚名  来源:internet  浏览次数:595  文字大小:【】【】【
文字属性
标识符 作用 属性值
font-family: 定义文字类型,顺序寻找,先找到的为选定值,若都找不到则用默认值 宋体,黑体等
font-style: 定义字体风格。 normal(标准)italic(斜体)oblique(倾斜)
font-variant: 改变英文字母的显示 normal,small-caps(小型大写字母)
font-weight: 使字体加粗 normal(相当于400),bold,lighter,bolder或100~900的九个数
font-size: 定义字体大小 任意数字,以pt(点阵)、px(屏幕象素)为单位

 

文本属性
text-decoration: 修饰文字 underline(加下划线)overline(加上划线)line-thought(加删除线)none(清除下划线,缺省)
text-align: 文本的显示位置及方式 left,right,center,justify(从左到右对齐)

 

颜色属性
color: 定义字体颜色 1.以英文单词为关键字
2.以十六进制3.用RGB值,用法:RGB(255,0,0) 0~255

 

背景属性
background-color: 定义背景颜色 同于"颜色属性"的用法
background-image: 定义背景图象 用法:body{background-image:url(bg.gif)}
其中"bg.jif"为任意图片
background-repeat: 按不同方式复制背景 repeat-x:按水平方向复制
repeat-y:按垂直方式复制
background-attachment 背景的固定 scroll:背景内容随前景一起滚动
fixed:背景不动
background-position: 定义背景位置 top:背景与前景内容顶部对齐
bottom,left,right
方式:xxpt xxpt或x% x%或left top
(以两个英文单词为组合,注意:中间有空格!!)

 

边界属性
margin-top: 对象上边界 缺省值为:0
关键字:auto
数值:pt,px,in(英寸),cm(厘米)为单位
margin-right: 对象右边界 同上.
margin-bottom: 对象下边界 同上.
margin-left: 对象左边界 同上.

 

边界的简洁设置
形式 注解
DIV{margin:10cm} 所有边界为10cm
DIV{margin:10cm 3cm} 上下为10cm,左右为3cm
DIV{margin:1cm 3cm 5cm 7cm} 上为1cm,右为3cm,下为5cm,左为7cm
此文章不能满足您的需求?那就就Google一下吧:)
Google
 

责任编辑:admin


相关文章
服务器内存技术知识充电
服务器端口过滤防黑法
服务器硬件故障处理几例
FTP命令详解
表格对决CSS
CSS应用常见问题
巧用CSS制作树状目录
CSS类及id的规范化命名
用 CSS 实现的阴影效果
CSS实用教程(一)
 

最新文章

更多

· 关于CSS你只需知道的十件事
· CSS网站实用技巧:word-...
· CSS实战:解决图片下面有...
· 中文网页制作中段落缩进...
· 巧用CSS制作树状目录
· CSS重新定义项目符号和编号
· 网页特效大公开
· css新手上路<七>
· css新手上路<六>
· css新手上路<五>

推荐文章

更多

· 关于CSS你只需知道的十件事
· CSS网站实用技巧:word-...
· CSS实战:解决图片下面有...
· 中文网页制作中段落缩进...
· 巧用CSS制作树状目录
· CSS重新定义项目符号和编号
· 网页特效大公开
· css新手上路<七>
· css新手上路<六>
· css新手上路<五>

热点文章

更多