zoukankan      html  css  js  c++  java
  • 让你看懂css各个参数

    转的http://hi.baidu.com/tchzx   谢谢作者

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


    http://hi.baidu.com/tchzx

    文字排列  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
        左…
        右…


    http://hi.baidu.com/tchzx

    边框样式      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为可视性设置)


    http://hi.baidu.com/tchzx

    链接不显示下划线 
    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 (水平平铺)

    http://hi.baidu.com/tchzx
    背景不滚动
    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; 
    }

    若标题中有“转载”字样,则本文版权归原作者所有。若无转载字样,本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利.
  • 相关阅读:
    利用for循环 修改精灵图背景位置
    添加列表项 避免浏览器反复渲染 Fragment
    向元素添加属性名和属性值
    分割文本节点
    查询、回显 基本功能
    获取注释
    合并文本节点
    Node(节点)的4个操作方法
    setTimeout与setInterval
    javascript循环
  • 原文地址:https://www.cnblogs.com/mmbbflyer/p/1680955.html
Copyright © 2011-2022 走看看