学习css(一)

  1. font:12px/22px "\5B8B\4F53",Arial, Helvetica, sans-serif
    1.  font:12px/22px 指 字体大小/字体行高
    2. "\5b8b\4f53″ 就是 “宋体”。用 unicode 表示,不用 SimSun, 是因为 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。注释乱码:强烈建议不要用中文注释。
    3. 新细明体 \65B0\7EC6\660E\4F53
      细明体 \7EC6\660E\4F53
      标楷体 \6807\6977\4F53
      黑体 \9ED1\4F53
      宋体 \5B8B\4F53
      新宋体 \65B0\5B8B\4F53
      仿宋 \4EFF\5B8B
      楷体 \6977\4F53
      仿宋_GB2312 \4EFF\5B8B_GB2312
      楷体_GB2312 \6977\4F53_GB2312
      微软正黑体 \5FAE\x8F6F\6B63\9ED1\4F53
      微软雅黑 \5FAE\8F6F\96C5\9ED1
    4. arial   是一套随同多套微软应用软件所分发的无衬线体TrueType字型
    5. Helvetica是苹果电脑的默认字体,微软常用的Arial字体也来自于它。
    6. sans-serif    表示是无衬线字体,是一种通用字体族。
  2. margin:0 auto表示上下边界为0,左右则根据宽度自适应相同值(即居中)

  3. background:url(../images/list01.png) no-repeat 0 center;background:url(../images/bg.png) no-repeat -4px -3px;
    1.  0 center 的意思就是 水平位置0 垂直位置居中
      -4px -3px 的意思就是 水平位置-4px  垂直位置-3px
    2. 和background-position 属性是一样的,即设置背景图像的起始位置。
    3. 可能的值
       top left
       top center
       top right
       center left
       center center
       center right
       bottom left
       bottom center
       bottom right (以上,如果您仅规定了一个关键词,那么第二个值将是"center"。)
       x% y% ( 第一个值是水平位置,第二个值是垂直位置。左上角是 0% 0%。右下角是 100% 100%。如果您仅规定了一个值,另一个值将是 50%。)
      mpx npx (第一个值是水平位置,第二个值是垂直位置。左上角是 0 0。单位是像素 (0px 0px) 或任何其他的 CSS 单位。如果您仅规定了一个值,另一个值将是50%。)
      您可以混合使用 % 和 position 值。
  4. display
    1. display:inline; 内联元素,就是在同一行显示。
      display:block; 块级元素,就是有换行,会换到第二行。
      display:inline-block; 就是在同一行内的块级元素
    2. 有些HTML元素自然地带有display:block;样式属性,比如
          <div>
          <h1>...<h6>
          <p>
          <ul>,<ol>,<dl>
          <li>,<dt>,<dd>
          <table>
          <pre>
      等元素,其显示为block样式,会将一行中其可用的空间给跨越占据,容不下另一个元素与其同行。
    3. 有些HTML元素则是自然带有display:inline;样式属性,这也是元素默认的样式,比如
          <span>
          <a>
          <strong>
          <em>
          <img>
          <br>
      等元素,其不会打断文档排布流,会在一行中一个挨一个地排列。
    4. 当想要做一个水平的列表时,一种方式是使用float来实现,但得容忍其缺点;另一种方式是使用display:inline-block;来实现。
    5. display:inline-block;方式样式化列表时,既可使得列表元素能按行挨个排列,同时元素还能保持其块属性,比如高和宽、上下边距等。但是对有不同高度内容的元素时,通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。
  5. cursor的说明

    设置或检索在对象上移动的鼠标指针采用的光标形状。
    此属性的值可以是多个,其间用逗号分隔。假如第一个值不可以被客户端系统理解或所指定的光标无法找到及显示,则第二个值将被尝试使用。依此类推。假如全部值都不可用的话,则此属性不会发生作用。光标不会被改变。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。