CSS随笔2

最新推荐文章于 2024-06-16 22:45:39 发布

转载最新推荐文章于 2024-06-16 22:45:39 发布 · 51 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zengbojia/p/7173872.html

本文详细介绍了CSS中的链接状态、浮动、内边距等属性的应用方法，同时解析了position属性的多种值的意义及其对网页布局的影响。

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 ：下划线

*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的属性值。

　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 }

转载于:https://www.cnblogs.com/zengbojia/p/7173872.html