首页 > 代码库 > 讲课笔记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