下午: 1. 边框风格属性 border-style:none 看不见不占空间; border-style:hidden 看不见占空间; border-style:dotted: 2. 边框颜色: border-color:transparent; 透明 3. 背景属性: backgroud: backgroud-image: backgroud-repeat: backgroud-position: body{ backgroud-image:url(images/zpark2.jpg) } 4. backgroud-repeat的属性值: backgroud-repeat:repeat; backgroud-repeat:repeat-x; backgroud-repeat:repeat-y; backgroud-repeat:no-repeat; backgroud-repeat:inherit; 5. backgroud-attachment属性可以控制背景是否随网页滚动: backgroud-attachment:scroll; 背景滚动 backgroud-attachment:fiexd; 背景固定 backgroud-attchment:inherit; 6. backgroud-position属性可能控制背景定位 backgroud-position:<x> <y> 注意:如果负值比较大,会循环一轮再出现的。 用关键词定位:top, center,bottom,left,right; 7. 字体属性: font font-weight:粗细 font-size font-family line-height text-align letter-spacing text-decoration white-space 8. font-bold:这个属性设置字体的粗细程序 p{ font-weight:bold; } 下边是字体粗细的几个属性: font-weight:normal font-weight:bold font-weight:bolder font-weight:lighter font-weight:<100-990> 不同的数值实现效果不同 9. font-size: 这个属性设置字体大小 绝对的: font-size:12pt; font-size:12px; font-size:medium 相对的: font-size:smaller font-size:normal font-size:larger font-size:50% 10. 行间距属性 p{ line-height:14px; } 11. 字体变量属性:font-variant p{ font-variant:small-caps; } font-variant:normal; font-variant:small-caps; 12 文本缩进:text-indent text-indent:<length> text-indent:<percentage> 13 文本对齐属性 text-align text-align: left 文本左对齐 text-align:right 文本右对齐 text-align:center 文本居中对齐 text-align:justify 文本两端对齐 14. 文本装饰属性:此属性涉及到上划线,下划线,删除线等对文本一些装饰效果。 text-decoration:none 无装饰 text-decoration:underline 下划线 text-decoration:overline 上划线 text-decoration:line-through 删除线 15 文本变形属性:在CSS中,文本变形指大小写转化首字母大小写等属性。 text-transform:none 不变 text-transform:capitalize 首字母大写 text-transform:uppercase 全部变大写 text-transform:lowercase 全部变小写 16 链接属性(4种) :link a:link{...} 设置未访问的链接属性 :visited a:visited{...} 设置访问过的链接属性 :active a:active{...} 设置点击与释放之前时 :hover a:hover{...} 鼠标移上去时 17 列表属性 列表(li)常用属性:-list-style(列表风格) none 无风格 disc: 实心圆(默认) circle: 空心圆 square: 实心正文形 decimal: 数字(有序默认) |
|