兼容性及经验汇总
浮动时，父级元素无法撑开+ 12345678910.clearfix:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden;}.clearfix { zoom: 1;} IE6 div浮动时，ma
css隐藏超出区域文本并显示省略号的代码
1234567891011121314151617181920212223242526272829* { margin: 0; padding: 0;}body { padding: 10px; font-family: Arial;}#test { position: relative; width: 150p
Javascript之高逼格代码
在 学习javascript的路上，偶尔会遇到那么几个看不懂的代码或者符号之类的就忍不住百度一下！搜嘎~ 原来如此！也许这就是装逼的一种效果吧！但是作为程序员也不想让别人一眼就看出你的代码！所以就有那么一批人开始了装逼之旅，但是能写出高逼格代码的人绝 对理解的比看不懂的要深刻~ 侬晓得吧！ 推荐一下javascript装逼指南 这本书 很有益处哦！！！ 下面列出一些装逼技巧 供像我这样菜鸟级的学生
表单验证
开始之前必须先引其他css自己书写即可 如果是select必须这样 请选择放在select同级，里面的信息可以自己更改 如果是 <input type="file"/> 那么他的父级必须加上class=”uploadfile”同样如果input是输入电话时得加上class=”tel”同理电子邮件也是一样示例html： 12345678910111
媒体查询media
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071@media all and (min-width: 400px) { .box { widt
解决过宽去除横向滚动条-并且只有一个纵向滚动条
如何去掉网页的横向滚动条，竖向滚动条 有时候特别需要，个别网页要去掉横向滚动条和竖向滚动条，那该怎么去掉呢，很简单，看代码： 让竖条没有： 让横条没有： 两个都去掉？更简单了 火狐底部滚动条不显示： 123html { overflow: -moz-scrollbars-vertical;}
移动端viewport
123456789101112width [pixel_value | device-width] width 直接去设置具体数值大部分的安卓手机不支持的 但是IOS支持user-scalable 是否允许缩放 （no||yes）initial-scale 初始比例minimum-scale 允许缩放的最小比例maximum-scale 允许缩放的最大比例target-densitydpi— dp
移动端触屏滚动
html: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687<!DOCTYPE html PUBLIC &quo