2017年12月22日

经典布局
摘要： 今天整理一下前端的几种经典布局： 一、上中下一栏式布局 此类布局是最简单的布局方式，直接排下来就可以了。代码如下： 实现效果： 上面红框里面看到body与页面之间有 一个小缝隙，那是浏览器自带的默认值导致的，直接加一个body{margin:0;} 就可以了。 效果如下： 二、左右两栏式布局 1、浮 阅读全文
posted @ 2017-12-22 14:52 森森1400 阅读(129) 评论(0) 推荐(0) 编辑
 
表单实现仿淘宝搜索功能
摘要： 编辑以上代码后，效果如下： 输入棉袄，点击提交就会自动去淘宝里面搜索你输入的东西了 阅读全文
posted @ 2017-12-22 14:43 森森1400 阅读(180) 评论(0) 推荐(0) 编辑
 
css-reset
摘要： 常用的默认样式： body{margin:0;} h1,h2,h3,h4,h5,h6,p,dl,dd {margin:0;} ul,ol {margin:0; padding:0; list-style:none;} img {border:none; veltical-align:top;} a 阅读全文
posted @ 2017-12-22 14:16 森森1400 阅读(73) 评论(0) 推荐(0) 编辑