CSS小记

2007年12月04日 星期二 下午 05:23

今天她在学HTML.,我想了想,我该 学什么呢,过去给我的学生们讲了讲"生物进化论".下午就没什么事了.,从他们那边拿到本书,关于HTML基础的,其中有关于CSS的,我以前只是用过,但从没有总结过这方面的,今天正好可以学一下~~主要是记一下相关的属性,因为有时候记不清楚,,,

以下写法均为在CSS里写的方式，

一、关于背景图片

background-repeat,表示背景图片的重复格式,有no-repeat(不重复),repeat(重复),repeat-x(X坐标重复),repeat-y(Y坐标重复)

background-attachment 主要用来固定背景图片,当设为fixed时为固定,

background-position 表示背景图片的起始位置,后接 50px 100px;

background-image 背景图片,

示例:

body
{
background-color: Teal;
background-repeat: repeat;
background-attachment: fixed;
background-position: 50px 100px;
background-image: url(headerImage.jpg);
}

二、字体

除了一般的字体大小，COLOR以外，有几个我以前没注意

letter-spacing 字体间距，不知道和word-spacing的差别有多大？

line-height 行间距，

text-indent 主要用于段落首行缩进，

示例：

.myFont
{
letter-spacing: 5pt;
line-height: 15pt;
font-size: 15pt;
text-indent: 30pt;
}

三、超连接

text-decoration 超连接线的显示方式，主要有underline(下划线),overline(上划线),none(无)几个属性，

示例：

a
{
text-decoration:none;
}

以及超连接的四个状态，link(未点击的样式)，active（点击，但未失去焦点的样式),visited(点击后的样式)，hover(鼠标移上的样式)，

示例：

a
{
text-decoration:none;
}
a:link
{
color: Aqua;
}
a:active
{
color: Yellow;
}
a:visited
{
color: Red;
}
a:hover
{
color: Black;
}

四、滚动条

一般都写到body里，

主要有几个属性，scrollbar-face-color（滚动条COLOR），scrollbar-3dlight-color（滚动条3D边线COLOR），scrollbar-track-color（滚动条阴影COLOR），scrollbar-arrow-color（两头三角形的COLOR），

示例（写到BODY里）

scrollbar-face-color:Yellow;
   scrollbar-3dlight-color:Black;
   scrollbar-track-color:Beige;
   scrollbar-arrow-color:Red;

有个地方还不明白，

td
{
border: 1;
}

加了这个之后，表格的中间全都没有线了，只有最外边有线，

Input
{
border-top-width: 0px;
border-left-width: 0px;
border-right-width: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: Black;
}这个样式还可以，记一下，属性有点多，不一一地写了，

z-index这个属性有点怪，是给一个索引，越大表是处在越上层，当上层挡住了下层，那么下层就不能被激活，那个蒙层就是这样做的，呵呵，，今天才发现~~