css基础-背景文本

css背景

1.

background-color:#6495ed;

2.

background-image:url('bgdesert.jpg');

3.

background-repeat:repeat-x;重复

4.

background-attachment滚动

5.

background-position:right top; 100px 10%也可以，代表居上居左

6.

background-size:80px 60px;尺寸

7.

background-origin:content-box;在什么位置放置图片，content-box, padding-box,和 border-box区域内可以放置背景图像。

8.

两张图片做背景：

background-image: url(img_flwr.gif), url(paper.gif);
background-position: right bottom, left top;
background-repeat: no-repeat, repeat;
padding: 15px;

css文本

1.

text-align:center;对齐

2.

text-decoration:none;去下划线

3.

p.uppercase {text-transform:uppercase;}大小写
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

4.

text-indent:50px;缩进  2em字符

5.

letter-spacing:2px;字符间距

6.

line-height:200%;行间距

7.

word-spacing:30px单词间距

8.

vertical-align:text-top;图片对齐方式

9.

text-shadow: 5px 5px 5px #FF0000;阴影  -- 上 左 模糊程度 颜色

10.

box-shadow: 10px 10px 5px grey; 盒子阴影

11.

word-wrap:break-word;CSS3中，自动换行属性允许您强制文本换行 - 即使这意味着分裂它中间的一个字

12.

text-overflow: ellipsis;长的字符串省略为...