2017年4月17日

页面内容不足以铺满屏幕高度时,footer居底显示

摘要: 在项目中常常会遇到这样的问题:页面主要内容不足以铺满一个屏幕的高度,footer下面就会有白块剩余。 现在要实现的效果就是,在主要内容不足以铺满整个屏幕的情况下,footer居于屏幕低部显示,使得整个页面占满屏幕。而当主要内容高度大于整个屏幕高度的时候,footer跟随主要内容进行显示; 方法一: 阅读全文

posted @ 2017-04-17 11:22 _chuck 阅读(3014) 评论(1) 推荐(0) 编辑

2017年4月14日

CSS box-shadow 属性

摘要: div{ width:200px; height:200px; border:1px solid #000066; margin:100px; background-color:#ccc; /* *向框添加一个或多个阴影,设置阴影元素的值 *box-shadow: h-shadow v-shadow 阅读全文

posted @ 2017-04-14 12:17 _chuck 阅读(287) 评论(0) 推荐(0) 编辑

2017年4月13日

Chrome 35 个开发者工具的小技巧

摘要: 谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器。伴随每六个星期一次的发布周期和不断扩大的强大的开发功能,Chrome变成了一个必须的工具。大多数可能熟悉关于chorme的许多特点,例如使用console和debugger在线编辑CSS。在这篇文章中,我们将分享一些很酷的技巧,让你能够更好的 阅读全文

posted @ 2017-04-13 11:59 _chuck 阅读(213) 评论(0) 推荐(0) 编辑

2017年4月12日

CSS box-sizing 属性

摘要: 定义和用法 box-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。 例如,假如您需要并排放置两个带边框的框,可通过将 box-sizing 设置为 "border-box"。这可令浏览器呈现出带有指定宽度和高度的框,并把边框和内边距放入框中。 语法 这是由 CSS2.1 规定的宽度 阅读全文

posted @ 2017-04-12 18:40 _chuck 阅读(155) 评论(0) 推荐(0) 编辑

2017年4月10日

css 实现播放按钮

摘要: <a href="javascript:" title="重新播放" class="carton_button" >▶</a> 阅读全文

posted @ 2017-04-10 12:03 _chuck 阅读(2680) 评论(0) 推荐(0) 编辑

去除inline-block元素间间距的N种方法

摘要: 一、现象描述 真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子: <input /> <input type="submit" /> 间距就来了~~ 我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问 阅读全文

posted @ 2017-04-10 11:50 _chuck 阅读(129) 评论(0) 推荐(0) 编辑

2017年3月31日

HTML 表单(from)

摘要: 建设中.... 验证类型: 非空 正则 和某个控件值相等。 //表单特殊属性 何时使用 GET? 您能够使用 GET(默认方法): 如果表单提交是被动的(比如搜索引擎查询),并且没有敏感信息。 当您使用 GET 时,表单数据在页面地址栏中是可见的: 注释:GET 最适合少量数据的提交。浏览器会设定容 阅读全文

posted @ 2017-03-31 17:23 _chuck 阅读(207) 评论(0) 推荐(0) 编辑

移动H5前端性能优化指南

摘要: 阅读全文

posted @ 2017-03-31 09:51 _chuck 阅读(164) 评论(0) 推荐(0) 编辑

2017年3月28日

HTML a标签 mailto用法

摘要: <a href=mailto:sample@163.com>send email</a> 或者 <form action="mailto:sample@163.com"> ... </form> mailto后跟的是收信人 可使用参数列表 to 收信人 subject 主题 cc 抄送 bcc 暗送 阅读全文

posted @ 2017-03-28 17:18 _chuck 阅读(43565) 评论(0) 推荐(0) 编辑

2017年3月22日

HTML空格占位符

摘要: &#32; == 普通的英文半角空格 &#160; == &nbsp; == &#xA0; == no-break space (普通的英文半角空格但不换行) &#12288; == 中文全角空格 (一个中文宽度) &#8194; == &ensp; == en空格 (半个中文宽度) &#8195; 阅读全文

posted @ 2017-03-22 15:52 _chuck 阅读(898) 评论(0) 推荐(0) 编辑

导航