服务器安全  (41)
网站推广专题  (36)
智能建站知识  (12)
DIV+CSS  (41)
网站建设知识  (14)
 

CSS参数介绍

北京智能建站-智能建站系统-十艾智能建站   2008-06-20 23:15:34 作者:十艾智能建站 来源: 文字大小:[][][]
CSS参数介绍

行高      line-height: 16px 
宽度      (具体位置)-width: 16px 
文字缩行  text-indent: 2px  
文字字体  font-family: "华文彩云" 
文字颜色  font-color: #ffffff 
文字大小  font-size: 21px 

文字排列  font-aligh:  
left 左对齐 
center 居中 
right 右对齐 
top  顶对齐 
bottom 底对齐 

边界(页边) margin-top:(允许值:长度,百分比)(边界分为上,下,左,右) 
补白(文字缩进) padding-top: (允许值:长度百分比) 

顶空格填充, padding-top: 20px;, 
底空格填充    padding-bottom: 5px; 
左空格填充    padding-left: 100px;  
右空格填充    padding-right: 55px  

顶边框宽度    border-top-width: 3px 
底边框宽度    border-bottom-width: 5px 
左边框宽度    border-left-width: 1px 
右边框宽度    border-right-width: 1px  
边框上 border-top:(允许值,样式颜色,宽度,样式) 
    下 ………-bottom 
    左… 
    右… 
边框样式      border-style: none 
none(没有) | dotted(有点的) | dashed(虚线) | solid(固体) | double(两倍) | groove( 凹槽) | ridge(凸出) | inset(插入物) |tset(开头) ] 


文字修饰   { text-decoration: none } 
blink文字闪烁 
none使得上述效果都不会发生 

定位(左边和顶部)  {position: absolute; left: 100px; top: 43px }(将标记的内容定位于左100px顶43px)(另外可以添加 width:130px 限制宽度为130)(或添加heigh: 130px)(允许值:长度,百分比) 

标记的内容隐藏  p { visibility: hidden } (visible为看见hidden为隐藏inherit为可视性设置) 


链接不显示下划线  
A:link { text-decoration: none }  

颜色  color: # 

背景于文字之后 background-image: url( dfdf) 
背景      background: url(dd.jpg)    
背景不滚动  background-attachment: fixed 

背景定位    background-position: 
top将背景图象同前景要素的顶部对齐。  
bottom将其同前景要素的底部对齐。  
left将其同左边对齐。  
right将其同右边对齐。  
center将其水平居中(如果使用在另一关键字前面)或垂直居中(如果用在另一关键字后面)。 
背景重复  background-repeat:   (不重复)(缺省为重复) 
背景长度  background-position: 70px (水平70) 10px (垂直10)   ;  background-repeat: repeat-y(垂直平铺)或 repeat-x (水平平铺) 
背景不滚动 
body{background:url('
http://hiphotos.baidu.com/monyer/pic/item/d375e4cd9bf5b8510eb34568.jpg') no-repeat fixed center;  
 cursor:url('
http://hiphotos.baidu.com/monyer/pic/item/7345d3c81000ec177e3e6f72.jpg');  
 SCROLLBAR-FACE-COLOR: #fe90b0;  
 SCROLLBAR-HIGHLIGHT-COLOR: #fec5d7;  
 SCROLLBAR-SHADOW-COLOR: #cc3366;  
 SCROLLBAR-3DLIGHT-COLOR: #ffffff;  
 SCROLLBAR-ARROW-COLOR: #cc3366;  
 SCROLLBAR-TRACK-COLOR: #ffb2cc;  
 SCROLLBAR-DARKSHADOW-COLOR: #cc3366;  
 SCROLLBAR-BASE-COLOR: #ffb1cb; 

专栏分割线的CSS代码修改方法(含分割线素材)

/*文章栏目分割线*/
#m_blog div.line{margin-top:17px;line-height:17px;background:url(
图片地址) repeat-x}
/*评论栏目分割线*/
#m_comment div.line{background:url(图片地址);line-height:12px} 
/*文章分类分割线*/
#m_artclg div.line{background:url(图片地址);line-height:12px}
 

{background:transparent} 这是显示全部透明

{filter:glow (color=#ff0000,strength=2)}(发光的颜色和强度)

在CSS中有一个Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:
{filter: alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,starty=#starty,finishx=#finishx,finishy=#finishy)}

具体参数含义如下:
opacity 透明度。默认的范围是从0 到 100,他们其实是百分比的形式。也就是说,0代表完全透明,100代表完全不透明。 
finishopacity 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。 
style   指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形 
startx  渐变透明效果开始处的 X坐标。 
starty  渐变透明效果开始处的 Y坐标。 
finishx 渐变透明效果结束处的 X坐标。 
finishy 渐变透明效果结束处的 Y坐标。 

以上的参数可以选用,可以只设置一个opacity
例如:
{filter:alpha(opacity=50)}
这个就是半透明的设置

最新评论
发表评论  
评论标题
评论内容
图片上传
表情图标
验 证 码
关于我们 站点地图 联系方式 帮助中心 会员社区 友情链接 内容搜索
 
本站关键词:智能建站 北京智能建站  智能建站系统   智能网店 免费智能建站
24小时服务热线:13521942498    E-mail:whwvip#126.com(请将#改为@)  QQ:279764954  621825069  447458068
智能建站  智能网店© 版权所有  京ICP备07014896号