CSS学习目录与各实例链接

1. 详细的学习笔记
2. style选择器的7种用法
3. 导入CSS文件实例
4.  边框设置与标签位置的定义，长度宽度，居中，字体颜色、加粗、等
5. float使用实例
6. 块内标签和行内标签的转换与display：inline-block
7. 一个小页面示例，margin与float的应用
8. CSS的重用，一个标签使用多个class样式
9. IE浏览器图片去边框
10. 使用position fixed固定标签（右下角返回顶部）示例
11. position fixed固定头部菜单示例
12. position absolute固定标签标签到页面某个位置，初始固定，后面随着页面滑动
13. position relative和absolute组合使用固定标签到某个标签的固定位置
14. 使用position fixed实现层级结构，z-index、opacity的使用
15. 使用overflow操作图片的两种方式（auto出现滚动条和hidden隐藏多余内容）
16. 使用：hover实现放置鼠标改变背景的方法
17. background-image图片做背景（background-repeat、background-position）与点赞小图标的实现
18. 使用position: relative、absolute、background-image实现将一个小图标放到登录框的后方
19. 台布局的第一种形式左侧fixed，内容页fixed加overflow
20. 后台布局第二种形式（完整版，包括用户头像，小图标，用户头像下的弹出菜单），左侧absolute，内容absolute加overflow或者不加可以实现两种不同的布局
21. 使用absolute实现的后台布局，包括小图标定位，菜单弹出等完整版
22. 弹出菜单的实现原理（ .item:hover .b） 
23. 响应式布局实例（@media）

 

图标网站http://fontawesome.dashgame.com/

GET: http://sssss?q=用户输入的值   （拼接url来提交）

http://sssss?q=用户输入的值&b=用户输入的内容