讲课笔记3——CSS

背景常见样式：

width:600px;

height:800px;

background:   url(bg.jpg)  no-repeat  40px 20px   fixed  gray ;

 

********************************************************************

 

边框样式：
    solid      实线
    dashed  虚线
    dotted   点线（IE6不兼容）

border: 2px solid #ccc;

 

 

设置单边样式：

　　　　border-bottom:10px solid #008000; 

********************************************************************

 

外边距的问题：
    1、上下外边距会叠压；
    2、父子级包含的时候子级的margin-top会传递给父级；（内边距替代外边距）

 

*********************************************************************

文本常见样式设置：

font-size                 文字大小（一般均为偶数）
font-family              字体（中文默认宋体）
color                      文字颜色（英文、rgb、十六位进制色彩值）
line-height              行高
text-align               文本对齐方式
text-indent            首行缩进（em缩进字符）
font-weight            文字着重
font-style               文字倾斜
text-decoration      文本修饰
letter-spacing         字母间距
word-spacing         单词间距（以空格为解析单位）

 

font-size 和 font-family 顺序不能错； font-size在前，font-family在后。

 

 

*********************************************************************

 

伪类选择器:

a:link: 链接未被访问过

a:visited: 链接被访问过

a:hover：鼠标移入到a标签

a:active: 激活状态（鼠标摁下去的时候）

在定义以上四个伪类选择器的时候，遵守以下顺序： lvha(驴哈)

link-->visited-->hover-->active