首页 > 代码库 > Css随笔2
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
Static:界面是静止的,不可移动其位置
Absolute:界面是绝对的,即网页内容一定会完整显示出来
Relative:界面是相对的,即网页内容是相对的,即页面会因为位置的移动而导致部分内容看不到。
设置完后可以用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的表示分别为:
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