zoukankan      html  css  js  c++  java
  • CSS参数介绍

    原文发布时间为:2008-08-03 —— 来源于本人的百度文章 [由搬家工具导入]

    行高       line-height: 16px
    宽度       (具体位置)- 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- 3px
    底边框宽度     border-bottom- 5px
    左边框宽度     border-left- 1px
    右边框宽度     border-right- 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)}
    这个就是半透明的设置

  • 相关阅读:
    Spring + MySQL + Mybatis + Redis【二级缓存】执行流程分析
    Spring + MySQL + Mybatis + Redis【二级缓存】
    MyBatis的笔记
    Spring事务:一种编程式事务,三种声明式事务
    笔记
    mybatis-generator自定义注释生成
    做准备的笔记
    常用DOS命令和Linux命令
    数据库MongoDB查询语句--持续更新
    SpringBoot集成websocket实现后端向页面发送消息
  • 原文地址:https://www.cnblogs.com/handboy/p/7143812.html
Copyright © 2011-2022 走看看