随笔分类 -  HTML/CSS

flex布局定位二
摘要：上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。 你会看到，不管是什么布局，Flex往往都可以几行命令搞定。 我只列出代码，详细的语法解释请查阅《flex布局定位一》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。 一、骰子的布局 骰子 阅读全文
posted @ 2022-02-11 11:34 天心~ 阅读(69) 评论(0) 推荐(0)
flex布局定位一
摘要：网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式 阅读全文
posted @ 2022-02-11 11:27 天心~ 阅读(458) 评论(0) 推荐(0)
HTML CSS布局定位
摘要：我们在编写网页代码时，首先应该做的就是设计好页面的布局形式，然后再往里面填充内容。网页布局的好与坏，直接决定了网页最终的展示效果。PC端常见的网页布局形式有两列布局、三列布局等。在CSS中，我们通常使用浮动(float)、定位(position)、显示模式(display)相关属性结合使用，以达到预 阅读全文
posted @ 2019-10-11 15:46 天心~ 阅读(699) 评论(0) 推荐(1)
Javascript 日历插件
摘要：1. The Coolest Calendar 界面非常漂亮的一款日期选择插件，有详细的使用文档，最新版本 1.5。 点击下载 查看示例 2. DatePicker 这款日期插件支持单选、多选和时间区间选择，功能齐全，有 Dialog 和 Flat 两种模式。 点击下载 查看示例 3. Tigra 阅读全文
posted @ 2019-10-11 14:46 天心~ 阅读(1040) 评论(0) 推荐(0)
网页后台管理系统模板
摘要：Admin Panel Template 这个后台管理模板的导航设计非常漂亮，头部还有未读的短消息和提醒的条数显示。 在线演示 PSD下载 HTML&CSS下载 Charisma Admin Template Charisma 是基于 Twitter Bootstrap 制作的响应式网站管理后台模板 阅读全文
posted @ 2019-10-11 14:44 天心~ 阅读(1051) 评论(0) 推荐(0)
基于Jquery的进度条插件(实用)
摘要：Spin.js 最喜欢这款插件了，动画图片的长度、粗细、速度和角度都可以灵活控制，想要做成什么样都可以。 源码下载 在线演示 Percentage Loader 一款轻量的 jQuery 进度条插件，以百分比的形式呈现加载进度，同时显示已加载的内容大小。 源码下载 在线演示 jQuery Circu 阅读全文
posted @ 2019-10-11 14:39 天心~ 阅读(2224) 评论(0) 推荐(0)
HTML转换特效相关插件
摘要：Arctext.js Arctext.js 是基于 Lettering.js 的文字旋转插件，根据设置的旋转半径准确计算每个字母的旋转弧度并均匀分布。 虽然 CSS3 也能够实现字符旋转效果，但是要让安排每个字母都沿着弯曲路径排布相当的复杂，Arctext.js 则可以轻松实现。 可以通过设置下面四 阅读全文
posted @ 2019-10-11 14:37 天心~ 阅读(311) 评论(0) 推荐(0)
10个简单实用的 jQuery 代码片段
摘要：在网站开发中10个简单实用的 jQuery 代码片段 阅读全文
posted @ 2019-10-11 14:33 天心~ 阅读(384) 评论(0) 推荐(0)
Javascript文件上传插件
摘要：文件上传功能作为网页重要的组成部分，几乎无处不在，从简单的单个文件上传到复杂的批量上传、拖放上传，需要开发者花费大量的时间和精力去处理，以期实现好用的上传功能。这篇文章向大家推荐几款很棒的 JavaScript 文件上传功能增强插件。 阅读全文
posted @ 2019-10-11 14:28 天心~ 阅读(1539) 评论(0) 推荐(0)
基于Jquery的下拉列表控件(个人觉得实用)
摘要：实用的网页下拉列表插件 阅读全文
posted @ 2019-10-11 14:16 天心~ 阅读(2051) 评论(0) 推荐(0)