html,css 知识汇总
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="css/index.css" />
<style type="text/css">
div{color:red;}
.lv{color:black;}
#fa span{color:blue;}
#fa,.lv,span{color:red;}
div{color:red;}
p{color:red;}
body{
font-family:Arial;
font-size:12px;
font-weight:normal,lighter,bold,bolder;
/*color:red,gray,orange;*/
text-indent:
}
p{
font-size:20px;
text-indent:20px;
}
#p1{
text-align:left; /*文本水平对齐和图片水平对齐*/
}
#p2{
text-decoration:line-through
}
#p3{
text-transform:uppercase,lowercase,capitalize
}
#p4{
line-height:20px;
letter-spacing:3px;
}
#p5{
word-spacing;20px;
}
#div4{
vertical-align:middle,top,bottom,baseline
}
#tb1{
border-style:none,dashed,solid;
}
img{
float:left;
}
a{
a{text-decoration:none;}
a:link{color:red;}
a:visited{color:purple;}
a:hover{color:yellow;}
a:active{color:blue;}
/*a:link 定义a元素未访问时的样式
a:visited 定义a元素访问后的样式
a:hover 定义鼠标经过a元素时的样式
a:active 定义鼠标点击激活时的样式
content 内容，可以是文本或图片
padding 内边距，用于定义内容与边框之间的距离
margin 外边距，用于定义当前元素与其他元素之间的距离
border 边框，用于定义元素的边框 绿叶学习网
position属性取值
属性值 说明
fixed 固定定位
relative 相对定位
absolute 绝对定位
static 静态定位（默认值）
position: fixed;
top: 像素值;
bottom: 像素值;
left: 像素值;
right: 像素值;
*/
}
ul{
list-style-image:url{img/leaf.png;}
}
table{
caption-side:top;
border-collapse:collapse,separate;
bordet-spacing:0px;
}
#div1{
}
.classdiv{
}
</style>
</head>
<body>
<div style="color:red;">bbb</div>
<div class="lv">aaa</div>
<div id="fa">
<span>aa</span>
</div>
</body>
</html>
