仿写静态网页前端知识点

1、网站常见小图标调用方式：

　　将所有小图标做在一张大图上a.png，然后根据横纵轴来调用。

　　background:url("a.png") -23px -70px no-repeat;

2、块级元素居中的常见写法：

　　margin:0px auto;

3、如何让超链接影响到整个块？

　　将行内元素变成块级元素：display:block

4、文本框只留下面一条线：

　　{ border-0px;  border-bottom:solid 1px #000; }

5、仿站：

　　用所学知识制作一个完整的网站

　　需要练习的同学，可以在小群群文件里下载、或者去官网下载网站实例照着仿站：

6、html及css常用易混短语总结：

　　超出部分隐藏：　　　　  overflow：hidden;

　　行级元素变块级：　　　  display:block; 

　　下划线/去掉下划线：      text-decoration：underline/ none;　　　

　　文字居中：                   text-align:center; 

　　边框为实线：　　           border-style:solid;                              

　　边框缝隙合并：　　        border-collapse:collapse;                     

　　背景图片不重复：　　     background-repeat:no-repeat;　　　　 

　　列表前无符号：　        　list-style-type:none;