常用CSS设置

 

 

主要内容：

一.容器类

二.文本类

三.特效类

 

 

一.容器类

1.background-image:url('img/02.gif');   设置背景图（可以是动态图）

2.background-color: LimeGreen;   设置背景颜色
3.color:white;   设置容器内文本的颜色

4.margin: 0 auto; 元素水平居中

5.float:left；可设置元素向左浮动

6.clear：both可以禁止旁边有float元素出现

7.overflow、overflow-x、overflow-y：

8.border:5px solid red;  设置容器的边框，注意边框不纳入容器的长度和宽度内

9.border-radius:10px;  设置容器圆角

  

 

二.文本类

1.text-align:center； 文本居中

2.letter-spacing: 5px; 调整字间距

3.text-indent:50px; 首行调节缩进

4.font-weight设置字体的粗细程度

5.word-break:break-all;  规定段落中的文本进行换行（针对于字母、数字不会换行的情况）

6.white-space:nowrap; 规定段落中的文本不进行换行

7.text-overflow:ellipsis;将越界的文本用省略号代替（防止布局的改变）

8.将越界的文本用省略号代替：{ overflow: hidden; white-space:nowrap;  text-overflow:ellipsis; }

 

 

三.特效类

1.cursor: pointer ;  设置当鼠标移动到区域时，鼠标变为小手指

2.opacity:0.6； 设置透明度

3."选择器":hover{……} ：设置当鼠标进入区域时改变其样式，当离开区域时，样式又恢复为原样（无需手动设置）。所有标签都有hover状态。

4.transition:0.4s;  变换的过渡时间，可以与hover组合使用

5.列表的ul li  list-style: none; 设置不需要索引

6.a {text-decoration: none ; }取消链接的下划线