首页 > 代码库 > Css随笔2

Css随笔2

1.

css中:

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

 

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

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

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

 

其中,hover必须在linkvisited之后;active必须在hover之后,可放在其他标签的使用上

 

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

padding-right padding可设置其相对位置的间距。

letter-spacing; 可以控制字间距

List-style-类型;列表类型如uloldl类型的一般都是list-style-类型

 

font-type : 字体类型

font-style  斜体

font-decoration  下划线

 

2.

*Position的属性值有staticabsoluterelative

Static:界面是静止的,不可移动其位置

Absolute:界面是绝对的,即网页内容一定会完整显示出来

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

设置完后可以用lefttoprightbottom分别控制元素块的位置

 

*margin-left-300px;其效果是页面距左边300px,即页面会向右移动300px

 margin100px;其效果是外边距(上下左右)都为100px(可通过浏览器的检查查看)

 padding100px;其效果是内边距(上下左右)都为100px

 

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

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

3.

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

 1 <div class="secend">
 2 .secend {
 3 }
 4 
 5 <div name="secend">
 6 div.secend {
 7 }
 8 
 9 <div id="secend">
10 #secend {
11 }

 

Css随笔2