首页 > 代码库 > 讲课笔记3——CSS

讲课笔记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

 

讲课笔记3——CSS