背景样式、超链接样式、边框样式、浮动原理、visibility与display的区别。

背景样式

1.设置背景颜色

/* 设置背景颜色 */
background-color: #008B8B;

2.设置背景图片

background-image: url(./timg.jpg);

3.设置图片大小

background-size: 50px 50px;

4.设置图片是否重复

// no-repeat不重复 	 repeat 重复
background-repeat: no-repeat;

5.设置图在当前标签中的位置

//center 居中 bottom 底部 top最上边
background-position: center;

6.设置图片在整个浏览器中的绝对位置，当页面被滑动时该图片不动

background-attachment: fixed; 

超链接样式

1.默认为被点击的状态 （点击过该标签后）

a:link{
				color: red;
			}

2.访问之后的状态

a:visited{
				color: darkgoldenrod;
			}

3. 处在活动状态（当标签被点击的时候)

a:active{
				color: brown;
			}

4.鼠标悬浮时的状态

a:hover{
				color: aqua;
			}

这里需要注意：所有标签都有悬浮状态。

边框常用样式：

1.设置边框的宽度

border-width: 5px;

2.设置边框样式（比如：实线、虚线等等）

border: 3px double #7B68EE;

3.设置边框颜色

border-color: #008B8B;

浮动：

浮动是改变元素在文档流（元素默认从上往下布局的方式就叫文档流）中的规则，让元素可以在水平方向上进行排版 .
关键字： float:left/right

float: left;/*左浮动*/
float:right;//右浮动

注意点： 1.浮动后的元素，不论其本身是什么类型的框，都会变成行内块元素
2.浮动的元素在同一行没有足够的空间显示时，会自动换到下一行

visibility与display的区别

visibility控制元素的显示与隐藏；
总结：display属性在隐藏元素时，不占据页面的位置，visibility隐藏后，位置仍然被占据着。