三个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 海源 阅读(226) 评论(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 海源 阅读(152) 评论(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 海源 阅读(121) 评论(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 海源 阅读(264) 评论(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 海源 阅读(774) 评论(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 海源 阅读(161) 评论(0) 推荐(0)
Flex 布局教程：实例篇（转）
摘要：
你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面，最多可以放置9个点。下面，就来看看Flex如何实现，从1个点到... 阅读全文
posted @ 2016-01-27 13:50 海源 阅读(175) 评论(0) 推荐(0)
Flex 布局教程：语法篇（转）
摘要：
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各... 阅读全文
posted @ 2016-01-27 13:49 海源 阅读(164) 评论(0) 推荐(0)
浙公网安备 33010602011771号