魔芋铃

2015年11月17日

摘要：【01】CSS制作的图形绘制五角星：通过border绘制三角形。然后通过transfrom来旋转35度。绘制对称的图形，最后绘制顶部的三角形即可。元素本身，加上：before和：after。绘制爱心：矩形，加圆角，加旋转。绘制倒8：显然是：三个角是圆角。然后旋转。绘制开心笑：四个阅读全文

posted @ 2015-11-17 11:13 魔芋铃阅读(408) 评论(0) 推荐(0) 编辑

经典操作符示例

摘要：经典操作符示例1、【~】操作符varret=15;console.log(ret);//15ret=~ret;//00000000000000000000000000001111这是正数15在计算机里面的原码（符号位是0）//10000000000000000000000000001111这是负数1... 阅读全文

posted @ 2015-11-17 10:40 魔芋铃阅读(225) 评论(0) 推荐(0) 编辑

2015年11月16日

jQuery实现上传进度条效果

摘要：效果：（点击上传按钮）See the Pen pjGNJr by moyu (@MoYu1991) on CodePen.html代码：upload开始上传文件关闭确认取消CSS代码：.upload-span{ display:inline-block; width:120px; height:40... 阅读全文

posted @ 2015-11-16 13:30 魔芋铃阅读(803) 评论(0) 推荐(0) 编辑

2015年11月13日

【03】Html书写规范

摘要：【03】Html书写规范1、推荐使用html5的文档声明2、必须申明文档的编码charset，且与文件本身编码保持一致，推荐使用UTF-8编码3、title 不可缺少，控制在25个字、50个字节以内。“二级栏目 - 一级栏目 - 网站名称”。4、keywords很重要，关键词，针对SEO。注意： 5... 阅读全文

posted @ 2015-11-13 16:39 魔芋铃阅读(331) 评论(0) 推荐(0) 编辑

【04】 CSS开发注意事项

摘要：【04】CSS注意事项 1. 页面编码规范 1.1. 统一使用 UTF-8 编码,用@charset "utf-8"指定页面编码。 1.2. 全局字体设置： windows 7系统：微软雅黑 Arial； windows XP及以下：新宋体，宋体，Aria... 阅读全文

posted @ 2015-11-13 16:28 魔芋铃阅读(336) 评论(3) 推荐(1) 编辑

2015年11月11日

em的理解

摘要： em版本：CSS1说明：自己的理解：注意地方:浏览器默认大小为16px.谷歌浏览器最小字体为12px.font-size;有继承性。判断步骤：【】看该元素本身有没有设置字体大小：有：那么，boder、width、height、padding、margin、line-height”等值，都是相对字体大... 阅读全文

posted @ 2015-11-11 14:17 魔芋铃阅读(360) 评论(1) 推荐(0) 编辑

2015年11月5日

【05】emmet系列之各种缩写

摘要：【01】emmet系列之基础介绍【02】emmet系列之HTML语法【03】emmet系列之CSS语法【04】emmet系列之编辑器【05】emmet系列之各种缩写各种缩写缩写：!Document缩写：a缩写：a:link缩写：a:mail缩写：abbr缩写：acronym缩写：... 阅读全文

posted @ 2015-11-05 16:37 魔芋铃阅读(938) 评论(0) 推荐(0) 编辑

【04】emmet系列之编辑器

摘要：【01】emmet系列之基础介绍【02】emmet系列之HTML语法【03】emmet系列之CSS语法【04】emmet系列之编辑器【05】emmet系列之各种缩写前端开发人员，常用的是sublime和webstorm。emmet在sublime上的效果：1). css ：他与其... 阅读全文

posted @ 2015-11-05 16:34 魔芋铃阅读(1064) 评论(0) 推荐(0) 编辑

【03】emmet系列之CSS语法

摘要：【01】emmet系列之基础介绍【02】emmet系列之HTML语法【03】emmet系列之CSS语法【04】emmet系列之编辑器【05】emmet系列之各种缩写单位：有几个常用值别名：p%eemxexexample:输入:w100p输出:width:100%example:输... 阅读全文

posted @ 2015-11-05 16:17 魔芋铃阅读(2382) 评论(0) 推荐(0) 编辑

【02】emmet系列之HTML语法

摘要：【01】emmet系列之基础介绍【02】emmet系列之HTML语法【03】emmet系列之CSS语法【04】emmet系列之编辑器【05】emmet系列之各种缩写初始化：快速编写HTML代码HTML文档需要包含一些固定的标签，比如、、等，现在你只需要1秒钟就可以输入这些标签。比... 阅读全文

posted @ 2015-11-05 15:44 魔芋铃阅读(947) 评论(2) 推荐(2) 编辑

公告