文章分类 -  css

实战项目css
摘要：http://www.imooc.com/learn/148 盒子模型 一个网页,首页,列表页,详情页,购物车页.订单页.移动端页的每一个元素都是个盒子!!!,不用理会它显示的形式,对于代码的实现.记住!!!盒子,就是些盒子 书写规范和顺序 位置属性(position, top, right, z- 阅读全文
posted @ 2017-09-29 11:49 wujunbin 阅读(114) 评论(0) 推荐(0)
在线html,css,js.图片压缩
摘要：在线css压缩 http://tool.lu/css 亲测8k的代码压缩只有1.4k html,js压缩 http://tool.oschina.net/jscompress 图片压缩 http://www.yasuotu.com/ http://www.atool.org/pngcompressi 阅读全文
posted @ 2017-09-21 01:19 wujunbin 阅读(146) 评论(0) 推荐(0)
webkit webApp 开发技术要点总结
摘要：1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport; 实际上我们可以操作的属性有4 个： width - 阅读全文
posted @ 2017-09-21 01:02 wujunbin 阅读(83) 评论(0) 推荐(0)
bootstrap栅格系统
摘要：.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm 阅读全文
posted @ 2017-09-21 00:43 wujunbin 阅读(294) 评论(0) 推荐(0)
4前端案例-输入金额样式
摘要：<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <style type="text/css"> li{list-style: none;} #sr_je { width 阅读全文
posted @ 2017-09-15 08:35 wujunbin 阅读(591) 评论(0) 推荐(0)
开发的瓶颈
摘要：虽已数年，但未就学习专门写过文章，这回破处了。苍蝇不叮没有缝隙的鸡蛋，领导不做没有跟拍的表演，同样，想到写CSS学习的文章也是有原因的（虽然我的不少行为没有原因）。 情景再现（尊重隐私，下面故事中人名均为化名，有加工）： 如月姑娘（本届D2上微博中奖上台最漂亮的那位）的内部分享会——关于CSS3 b 阅读全文
posted @ 2017-09-09 21:30 wujunbin 阅读(170) 评论(0) 推荐(0)
css代码重构
摘要：css代码重构 http://www.cnblogs.com/aspnetjia/tag/ 125.CSS代码重构的目的 我们写CSS代码时，不仅仅只是完成页面设计的效果，还应该让CSS代码易于管理，维护。我们对CSS代码重构主要有两个目的：1、提高代码性能2、提高代码的可维护性 提高代码性能 提高 阅读全文
posted @ 2017-09-01 23:46 wujunbin 阅读(294) 评论(0) 推荐(0)
html页面的CSS、DIV命名规则
摘要：十二、 html页面的CSS、DIV命名规则 名称 命名 名称 命名 名称 命名 名称 命名 页头 header 广告条 banner 登录条 loginbar 标志 logo 侧栏 sidebar 菜单 menu 子菜单 subMenu 下拉菜单 dropMenu 导航 nav 工具条 toolb 阅读全文
posted @ 2017-09-01 23:45 wujunbin 阅读(346) 评论(0) 推荐(0)
3前端案例-遮罩
摘要：<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>DIV CSS遮罩层</title> <script language="javascript" type="text/javascript"> function showdiv()  阅读全文
posted @ 2017-08-31 23:16 wujunbin 阅读(286) 评论(0) 推荐(0)
2前端案例-选项卡样式
摘要：<script type="text/javascript" src="_ADMIN_/lib/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript"> //委托事件，这个意思是这个对象下面的某个a后代点击时，执行事件 阅读全文
posted @ 2017-08-31 23:15 wujunbin 阅读(487) 评论(0) 推荐(0)
1前端案例-tag标签+随机位置
摘要：tag标签随机位置+js数组随机+js添加一段html代码段 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd 阅读全文
posted @ 2017-08-28 22:20 wujunbin 阅读(836) 评论(0) 推荐(0)
css总结
摘要：czbk前端css总结 position:定位元素 默认是静态固定static fixed固定定位，以“浏览器”为窗口定位 配合top：left：right：bottom使用 relative相对定位，以原来的自己的位置定位 配合top：left：right：bottom使用 -100px; Abs 阅读全文
posted @ 2017-08-28 21:15 wujunbin 阅读(161) 评论(0) 推荐(0)