2018年04月_qq_23944441

转载 word-wrap同word-break的区别

white-space作用于空格和回车，用于控制空格是否合并、回车是否可折行、句子太长是否在空格处折行常用取值不同的作用 normal: 多个连续的空格会被合并为一个，回车会被忽略，同时句子如果太长，会在空白处折行nowrap: 与normal不同的一点是如果句子长了也不会折行常用的省略号的实现.classA { text-overflow:ellipsis; white-spac...

2018-04-27 17:09:56 242

转载 C#中Page执行顺序:OnPreInit()、OnInit()……

根据事件的执行顺序来排序：PreInit：在页面的初始化阶段开始时引发Init：在页面的初始化时引发InitComplete：在页面的初始化结束时引发PreLoad：在页面的加载阶段开始时引发 Load：在页面的加载时引发LoadComplete：在页面的加载结束时引发PreRender：在页面即将被呈现时引发using System;using System.Data;using Syste...

2018-04-26 17:41:33 1243

转载纯CSS3属性animation实现的打字效果

出处：https://blog.csdn.net/u013018357/article/details/50765707<h1 class="word title-h">文字内容，打字效果。。。</h1>1css样式.word{ text-align: center; color: black; width:100%; white-space...

2018-04-23 13:55:49 1730

转载 Web 开发中很实用的10个效果【源码下载】

出处：http://www.yyyweb.com/350.html在工作中，我们可能会用到各种交互效果。而这些效果在平常翻看文章的时候碰到很多，但是一时半会又想不起来在哪，所以养成知识整理的习惯是很有必要的。这篇文章给大家推荐10个在 Web 开发中很有用的效果，记得收藏！超炫的页面切换动画效果今天我们想与大家分享一组创意的页面切换熊效果集合。我们已经在示例中罗列了一组动画，可以被应用到页面切换过...

2018-04-18 14:00:29 194

转载精选9个值得学习的 HTML5 效果【附源码】

出处：http://www.cnblogs.com/lhb25/p/9-html5-effects.html这里精选了一组很酷的 HTML5 效果。HTML5 是现 Web 开发领域的热点，拥有很多让人期待已久的新特性，特别是在移动端，Web 开发人员可以借助 HTML5 强大功能轻松制作各种交互性强、效果丰富的Web 应用。超炫 HTML5 粒子效果进度条　　我喜欢粒子效果作品，特别是那些能够...

2018-04-18 13:53:28 418

转载 Bootstrap 栅格系统布局 .col-lg- .col-md- .col-sm- .col-xs-

Bootstrap响应式布局是利用其栅格系统，对于不同的屏幕采用不同的类属性。在开发中可以只写一套代码在手机平板，PC端都能使用，而不用考虑使用媒体查询（针对不同的设备分别写不同的代码）。Bootstrap的官方解释：Bootstrap提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为做多12列。栅格系统用于通过一系列的行（row）与列...

2018-04-12 16:01:47 4183

转载移动端的头部标签和meta，[html5]移动端的头部标签和meta属性详解

移动前端开发中添加一些webkit专属的HTML5头部标签，帮助浏览器更好解析HTML代码，更好地将移动web前端页面表现出来。本文整理一些常用的meta标签,需要的朋友可以参考前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的...

2018-04-02 17:30:37 1051

转载 @media实现网页自适应中的几个关键分辨率

不同分辨率设备或不同窗口大小下网页布局经常是不同的,一不小心就会发生错位。可以利用@media screen实现网页布局的自适应,但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢？首先看下面的代码,这是从bootstrap中遍历出来的，min-width来确认分别是768、992、1200。当然了过去也有些设备宽度是600、480的，那些小分辨率的我们都归类为小于767的。为什么是...

2018-04-02 17:14:02 689

转载 wow.min.js 支持css3多种动画的效果！

下载地址：http://www.bootcdn.cn/wow/今天发现一个非常有趣的js，wow.min.js，Wow.js 允许用户滚动页面的时候展示 CSS 动画。默认的，用户可以使用它来出发 animate.css 动画。但是用户也可以非常容易修改设置喜欢的动画库。Wow.js 比其他 JavaScript 视差插件小，类似 Scrollorama（这个非常华丽，但是也更繁杂）。wow.mi...

2018-04-02 16:50:45 12550 1

转载 Swiper Animate使用方法

官网：http://www.swiper.com.cnSwiper Animate是Swiper中文网提供的用于在Swiper内快速制作CSS3动画效果的小插件，适用于Swiper2.x、Swiper3.x和Swiper4.x 。此插件不适用于loop模式1. 使用Swiper Animate需要先加载swiper.animate.min.js和animate.min.css。<!DOCTY...

2018-04-02 16:48:49 4320 2

转载 CSS display属性的表格布局相关属性的解释

table 此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。table-row-group 此元素会作为一个或多个行的分组来显示（类似 <tbody>）。table-header-group 此元素会作为一个或多个行的分组来显示（类似 <thead>）。table-footer-group 此元素会作为一个或多个行...

2018-04-02 15:27:32 285

原创 easyui-layout布局高度自适应

动态加载datagrid数据$("#dg_center").datagrid({ url: ''/AJAX/EasyUiListComm.ashx', fit: true, //datagrid高度是否自适应 nowrap: true, //是否只显示一行，即文本过多是否省略部分 ...

2018-04-02 15:18:23 9577

故梦-阿梓