海源 - 博客园

三个loading小动画实例

摘要：直接贴代码： <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style type="text/css" 阅读全文

posted @ 2016-02-07 23:11 海源阅读(220) 评论(0) 推荐(0) 编辑

CSS之圣杯布局与双飞翼布局

摘要：圣杯布局三行等高 HTML： <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> < 阅读全文

posted @ 2016-02-06 11:20 海源阅读(149) 评论(0) 推荐(0) 编辑

sublime个人快捷键

摘要： ctrl+alt+f = 代码格式化（html，js） ctrl+d = 选中相同内容 alt+shift+w = 为内容添加新标签 ctrl+shift+a = 选择标签内的内容（再按一次选全部） ctrl+shift+; = 这会移除与你的光标相关的父标签 ctrl+-> = 跳光标 alt+- 阅读全文

posted @ 2016-02-06 10:07 海源阅读(119) 评论(0) 推荐(0) 编辑

响应式之表格

摘要： HTML： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="begin1.css"></ 阅读全文

posted @ 2016-01-29 18:27 海源阅读(258) 评论(0) 推荐(0) 编辑

CSS之column语法

摘要： columns column-width:[<length>|auto] 定义每栏的宽度 column-span:1|all 1:只在本栏中显示；all:横跨所有栏目并定位在栏目的Z轴之上。 column-rule column-rule-color:<color> 定义每栏之间边框的颜色 colu 阅读全文

posted @ 2016-01-29 11:32 海源阅读(751) 评论(0) 推荐(0) 编辑

使用column简单实现瀑布流效果

摘要： HTML： <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="test.css"></head><body> <h1>瀑布流效果</h1> <ul cl 阅读全文

posted @ 2016-01-29 11:23 海源阅读(157) 评论(0) 推荐(0) 编辑

Flex 布局教程：实例篇（转）

摘要：你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到... 阅读全文

posted @ 2016-01-27 13:50 海源阅读(172) 评论(0) 推荐(0) 编辑

Flex 布局教程：语法篇（转）

摘要：网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各... 阅读全文

posted @ 2016-01-27 13:49 海源阅读(158) 评论(0) 推荐(0) 编辑

简单实现瀑布流效果

摘要： PUBUmodel.html <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="css/p 阅读全文

posted @ 2016-01-27 11:52 海源阅读(93) 评论(0) 推荐(0) 编辑

常用正则表达式大全

摘要：一、校验数字的表达式1数字：^[0-9]*$2n位的数字：^\d{n}$3至少n位的数字：^\d{n,}$4m-n位的数字：^\d{m,n}$5零和非零开头的数字：^(0|[1-9][0-9]*)$6非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7带1-... 阅读全文

posted @ 2015-12-30 23:46 海源阅读(112) 评论(0) 推荐(0) 编辑

凯源凯源揍他