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