在上一篇文章小div布局之卡片堆叠（card-stacking）中有多行文字溢出省略的效果，这篇文章就对这种效果（包括单行文字溢出省略）的实现做个简单的记录，以防自己忘记。具体来说，就是要实现这种文字排布效果。 html代码如下： 1 div class ="container" 2 div class ="...

2018-06-24 00:39:57

HTML5表单在原有表单特性的基础上增加了一些比较便捷的特性，使得我们实现一些常用的表单的小部件、输入类型、输入验证不再那么大费周章。上一篇文章提到了HTML5实现的几种新的输入类型，现在我们更加详尽的了解HTML5的表单产生的新特性和功能。 1. 输入类型和输入属性...

2018-06-24 00:39:56

最近在用wordpress写页面时，设计师给出了一种网页排布图样，之前从未遇到过，其在电脑上（分辨率大于768px）的效果图如下： 而在手机（分辨率小于等于768px）上要求这样排列： 我想到了两种方法 第一种是用bootstrap的row、col-md配合col-md-push、col-md-pull来实现...

2018-06-24 00:39:49

html head title new document /title meta name="generator" content="editplus" / meta name="author" content="" / meta name="keywords" content="" / meta name="description" content="" / meta charset="utf-8"/ style type="text/css" //css部分 html{ font-si...

2018-06-24 00:39:47

1、BootStrap组件——按钮组： .btn-group.btn*5； .btn-group-justified； .btn-group-lg/sm/xs； .btn-group-vertical——竖直按钮组； 2、BootStrap组件——下拉菜单： 下拉菜单必须三级结构： div class="dropdown" a data-toggle="dropdown"触发元素/a ul class="...

2018-06-24 00:39:45

githup 下载地址 ：https://github.com/comjustforfun/remformobile adaptivejs利用rem解决移动端页面开发的自适应问题 页面模板初始化的时候不用设置viewport标签，由js生成。 我们在head标签的顶部引入js，按以下方法使用即可 最大优点： 计算html元素的font-size,使...

2018-06-24 00:39:42

搭建自己的个人博客。 准备工作 确保电脑需要已下载安装node和npm。查看安装是否成功，windows只需在命令行输入以下两条命令即可。 1 2 $ node -v $ npm -v 安装hexo 安装hexo 1 $ npm install -g hexo 检测hexo版本来确保hexo是否成功安装 1 $ hexo v 注：可能报错，...

2018-06-24 00:39:42

因为工作需要在学习bootstrap，之前虽然有一点了解，不过一直没有深入学习，如今有机会和时间去熟悉bootstrap，通过博客记录我的bootstrap学习之旅，现在开始啦。。（在这里会记录我发现的问题和我的解决方法，作为bootstrap新手，所以一开始是发现最简单的问题，这部...

2018-06-24 00:39:39

HTML：超文本标记语言 超：超链接 超文本：超出文本（可加入图片，文字，音频视频播放器） 标记：标签 HTML文档 以html...开始 ， 以/html结束， 其中划分为 head/head 头标签 在头标签中有 title 这里面为文档名称 /title body /body 所有页面上所显示的内容，都需要...

2018-06-24 00:39:40

transition：过度属性 transition-property 规定设置过度效果的css属性的名称，默认可以写all transition-duration 规定完成过度效果需要多少秒或毫秒 transition-timing-function: 默认easetransition-delay：延时时间 ease:逐渐变慢 linear:匀速 ease-in:加速 ease-o...

2018-06-24 00:39:37