CSS随笔2

1.

css中：

a:link {　　　　　　　　　　 /*表示普通的，未被访问的链接状态*/
    color: black;
}

 

a:visited { 　　　　 　　　　/*表示链接被访问过后的状态*/
    color: blueviolet;
}

a:hover { 　　　　　　　　/*表示鼠标放在上面时的状态*/
    color: red;
}

a:active {　　　　　　　　 /*表示链接被点击时的状态*/
    color: green;
}

 

其中，hover必须在link和visited之后；active必须在hover之后，可放在其他标签的使用上

 

float : left; float属性可以控制其元素的浮动方向。

padding-right； padding可设置其右内边距。

letter-spacing; 可以控制字间距

List-style-类型；列表类型如ul，ol，dl类型的一般都是list-style-类型

 

font-type : 字体类型

font-style ： 斜体

font-decoration ： 下划线

 

2.

*Position的属性值有static，absolute，relative，fixed

static ：界面是静止的，不可移动其位置

absolute ：界面是绝对的，即网页内容一定会完整显示出来

relative ：界面是相对的，即网页内容是相对的，即页面会因为位置的移动而导致部分内容看不到。

fixed ：界面会固定在某在位置，随着滚动条移动

设置完后可以用left，top，right，bottom分别控制元素块的位置

 

*margin-left：-300px；其效果是页面距左边300px，即页面会向右移动300px。

 margin：100px；其效果是外边距（上下左右）都为100px（可通过浏览器的检查查看）

 padding：100px；其效果是内边距（上下左右）都为100px

 

*margin: 10px 20px; 表示其外边距上下为10px，左右为20px；

 元素块的内外边距的改变都要先设定position的属性值。

3.

　css中name,class,id的表示分别为：

<div class="secend">
.secend {
}

<div name="secend">
div.secend {
}

<div id="secend">
#secend {
}