CSS设置精选版（基础一）

1、定义虚线并且指定颜色的边框

border: 1px dotted #000;

 

2、选择器（元素基于类）

td.fancy {}  注意：元素和类名之间没有空格

html中表示为：<td class="fancy">

 

4、指定背景图片：

background-image: url(/i/eg_bg_03.gif);

  4.1 图片平铺

background-repeat: repeat-y;  或 background-repeat: repeat-x;  或 background-repeat: repeat-y repeat-x;  或  background-repeat: no-repeat;  

  4.2 图片定位

background-position:

取值范围：top center bottom right center left

或  100px  50px

当定位为数值时，即图片的偏移量， 第一个值为左上角向右的偏移量，第二值为左上角向下的偏移量。

例：background-position:  right top

  4.3 图象滚动

当文字超出一屏时，滚动时只滚动文字，图片仍然为背景。

background-attachment:fixed   //默认值 scroll

  4.4 将以上属性设置在一个声明中

background: #ff0000 url(/i/eg_bg_03.gif) no-repeat fixed center;

 

5、direction 设置元素内容方向。

(direction: rtl  或  direction: ltr)

 

6、文本相关设置：

  6.1 设置行高： line-height 。

  6.2 设置字符间距： letter-spacing 。

  6.3 对齐元素中的文本： text-align 。 (left  center  right)

  6.4 给文本加 上划线 横线(删除线) 下划线 无线

text-decoration: (overline  line-through  underline  none)

 6.5 首先缩进 text-indent: 1cm

 6.6 控制英文单词全部大写 小写 首字母大小

text-transform： (uppercase  lowercase  capitalize )

 6.7 控制文本不换行等设置

white-space： (normal  pre  nowrap)

normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。

 6.8 设置字体系列： font-family 。(font-family: Georgia, serif;)

 6.9 设置字体风格： font-style 。(font-style: normal;  或 font-style: italic )

 6.10 设置字体粗细： font-weight，取值：

值 描述

normal	默认。定义标准的字符。
bold	定义粗体字符。
bolder	定义更粗的字符。
lighter	定义更细的字符。
100 200 300 400 500 600 700 800 900	定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold。

 6.11 将所有属性应用于一个font设置中

font: italic small-caps 900 18px arial

 

7、文本过长时，显示省略号（只支持中文，且IE）

width:45px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;