《CSS综合大全》由会员分享,可在线阅读,更多相关《CSS综合大全(23页珍藏版)》请在金锄头文库上搜索。
1、CSS 综合大全(层叠样式表)CSS 背景类时间: 2010-08-20 14:40:14 来源:作者:CSS 需要放 head中间:中间是 CSS代码CCS 背景类:设置背景颜色:background-color: yellow background-color: #00ff00 background-color: transparent 单词解释:透明的,清澈的。background-color: rgb(250,0,255) 设置文本背景颜色:background-color:yellow 将图片设置为背景:background-image:url(/i/eg_bg_04.gif); 如
2、何重复背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: repeat 如何在垂直方向重复背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y 如何在水平方向重复背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-x 如何仅显示一次背景图像 background-image: url(/i/eg_bg_03.gif); background
3、-repeat: no-repeat 如何放置背景图像 background-image:url(/i/eg_bg_03.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:center; 如何使用 %来定位背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: no-repeat; background-attachment:fixed; background-position: 30% 20%; 如何使用
4、像素来定位背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: no-repeat; background-attachment:fixed; background-position: 50px 100px; 如何设置固定的背景图像 background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; background-attachment:fixed 所有背景属性在一个声明之中 background: #ff0000 url(/i/eg_bg_03.
5、gif) no-repeat fixed center; CSS 综合大全(层叠样式表)CSS 文本类时间: 2010-08-20 15:05:14 来源:作者:CSS 文本类:设置文本颜色color:red color:#00ff00 color:rgb(0,0,255) 设置文本的背景颜色 background-color:yellow 规定字符间距letter-spacing: -0.5em letter-spacing: 20px 使用百分比设置行间距line-height: 200% 使用像素值设置行间距 line-height: 10px 使用数值来设置行间距 line-heigh
6、t: 2 对齐文本text-align: center text-align: left text-align: right 修饰文本text-decoration: overline text-decoration: line-through text-decoration: underline text-decoration:blink text-decoration: none 缩进文本text-indent: 1cm 控制文本中的字母text-transform: uppercase text-transform: uppercase text-transform: lowercase
7、 text-transform: capitalize 在元素中禁止文本折行 white-space: nowrap 增加单词间距word-spacing: -0.5em; CSS 综合大全(层叠样式表)CSS 背景类时间: 2010-08-20 14:40:14 来源:作者:CSS 需要放 head中间:中间是 CSS代码CCS 背景类:设置背景颜色:background-color: yellow background-color: #00ff00 background-color: transparent 单词解释:透明的,清澈的。background-color: rgb(250,0,
8、255) 设置文本背景颜色:background-color:yellow 将图片设置为背景:background-image:url(/i/eg_bg_04.gif); 如何重复背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: repeat 如何在垂直方向重复背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: repeat-y 如何在水平方向重复背景图像 background-image: url(/i/eg_bg_03.gif); bac
9、kground-repeat: repeat-x 如何仅显示一次背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: no-repeat 如何放置背景图像 background-image:url(/i/eg_bg_03.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:center; 如何使用 %来定位背景图像 background-image: url(/i/eg_bg_03.gif); backgr
10、ound-repeat: no-repeat; background-attachment:fixed; background-position: 30% 20%; 如何使用像素来定位背景图像 background-image: url(/i/eg_bg_03.gif); background-repeat: no-repeat; background-attachment:fixed; background-position: 50px 100px; 如何设置固定的背景图像 background-image:url(/i/eg_bg_02.gif); background-repeat:no
11、-repeat; background-attachment:fixed 所有背景属性在一个声明之中 background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center; CSS 文本类:设置文本颜色color:red color:#00ff00 color:rgb(0,0,255) 设置文本的背景颜色 background-color:yellow 规定字符间距letter-spacing: -0.5em letter-spacing: 20px 使用百分比设置行间距line-height: 200% 使用像素值设置行间距 line
12、-height: 10px 使用数值来设置行间距 line-height: 2 对齐文本text-align: center text-align: left text-align: right 修饰文本text-decoration: overline text-decoration: line-through text-decoration: underline text-decoration:blink text-decoration: none 缩进文本text-indent: 1cm 控制文本中的字母text-transform: uppercase text-transform:
13、uppercase text-transform: lowercase text-transform: capitalize 在元素中禁止文本折行 white-space: nowrap 增加单词间距word-spacing: -0.5em; CSS 综合大全(层叠样式表)CSS 字体(font)类:时间: 2010-08-20 15:15:08 来源:作者:CSS 字体(font)实例:设置文本的字体font-family:“Times New Roman“,Georgia,Serif font-family:Arial,Verdana,Sans-serif 设置字体尺寸font-size:
14、 100% 设置字体风格font-style:normal font-style:italic 单词:斜体的font-style:oblique 单词:歪的,偏斜的设置字体的异体font-variant: normal font-variant: small-caps 设置字体的粗细font-weight: normal font-weight: bold font-weight: 900 所有字体属性在一个声明之内 font:italicarial,sans-serif; font:italic bold 12px/30px arial,sans-serif; CSS 综合大全(层叠样式表)
15、CSS 边框(border)类时间: 2010-08-20 15:15:58 来源:作者:CSS 边框(border)实例:所有边框属性在一个声明之中 border: medium double rgb(250,0,255) 设置四边框样式p.dotted border-style: dotted 虚线的(短)p.dashed border-style: dashed 虚线的(长)p.solid border-style: solid 全部地(实线)p.double border-style: double 双线p.groove border-style: groove 沟,槽,常规p.ridge border-style: ridge 脊状突起p.inset border-style: inset 凹进p.outset border-style: outset 凸起设置每一边的不同边框border-style: solid double border-style: double solid border-style: groove double border-style: solid double groove 所有边框宽度属性在一个声明之中 border-style: so