zoukankan      html  css  js  c++  java
  • css常用代码含义

    1.font:12px Arial, Helvetica, sans-serif;

    使用了缩写,完整的代码应该是:font-size:12px; font-family:Tahoma;说明字体为12像素大小,字体为Arial, Helvetica, sans-serif格式;

    2.margin:0px;

    完整的代码是:margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px;   或  margin:0px 0px 0px 0px;  顺序是 上 / 右 / 下 / 左, 如果使用auto则是自动调整边距 , 

    另外还有以下几种写法:
    margin:0px auto;
    说明上下边距为0px,左右为自动调整;
    以后将使用到的padding属性和margin有许多相似之处,他们的参数是一样的,
    只不过各自表示的含义不相同,margin是外部距离,而padding则是内部距离。

    margin:1px 10px 3px ;   等价于1px 10px 3px 10px

    说明上边距1px,左右边距10px,下边距为3px。

    规则如下:
    如果缺少左外边距的值,则使用右外边距的值。
    如果缺少下外边距的值,则使用上外边距的值。
    如果缺少右外边距的值,则使用上外边距的值。

    3.background:#ccc url('bg.gif') top left no-repeat;

    表示:使用#CCC(灰度色)填充整个层,使用bg.gif做为背景图片,

    top left
    表示图片位于当前层的左上端,no-repeat表示仅显示图片大小而不填充满整个层。

    top/right/bottom/left/center
    用于定位背景图片,分别表示 上 / 右 / 下 / 左 / 中;还可以使用

    background:url('bg.gif') 20px 100px;
    表示X座标为20像素,Y座标为100像素的精确定位;

    repeat/no-repeat/repeat-x/repeat-y
    分别表示 填充满整个层 / 不填充 / 沿X轴填充 / 沿Y轴填充。

     

  • 相关阅读:
    javascript面向对象程序设计之浅谈2
    Sphinx学习之sphinx的安装篇
    IT人的职业生涯规划
    perconatoolkit系列之系统类工具的使用
    perconatoolkit系列之实用类工具使用
    查询ip归属地的shell脚本
    使用mysqlsla分析Mysql数据库日志
    MYSQL管理之主从同步管理
    MYSQL数据库管理之权限管理
    perconatoolkit系列之复制类工具使用
  • 原文地址:https://www.cnblogs.com/xiaomifeng/p/4505906.html
Copyright © 2011-2022 走看看