内容对齐（justify-content）属性应用在弹性容器上，把弹性项沿着弹性容器的主轴线（main axis）对齐。 该操作发生在弹性长度以及自动边距被确定后。 它用来在存在剩余空间时如何加以分配，也会在发生内容溢出时影响项目的对齐。 注意：弹性布局中有两个基本术语main axis和cross axis，一般情况下，我们可以把它们各自看作是屏幕上的行向和列向（但是严格讲，这和写模式有关）。 那么main-start和main-end就可以分别被看作是...
前言：人或许天生是懒惰的，明知道的不足，却不努力弥补。 相关博客： 1、《Animation 动画详解（一）——alpha、scale、translate、rotate、set的xml属性及用法》 2、《Animation动画详解（二）——Interpolator插值器》 3、《Animation动画详解（三）—— 代码生成alpha、scale、translate、rotate、set及插值器动画》 4、《Animation动画详解(四)——ValueAnimator基本使用》 5、《 Animation动画详解(五)——ValueAnimator高...
Web Essentials是目前为止见过的最好用的VS扩展工具了，具体功能请待我一一道来。 首先，从Extension Manager里安装：最新版本是19号发布的2.5版 然后重启你的VS开发环境，就可以使用它提供的方便功能了。 Web Essentials对CSS、JavaScript和HTML都提供了很多快捷的功能支持，具体列表如下： CSS 即时预览Live Web Preview每次修改的时候，都可以使用CTRL+ALT+Enter快捷键或者点击方案右键上的Live W...
正则表达式表单验证实例代码详解 这篇文章主要介绍了正则表达式表单验证实例详解的相关资料,大家可以参考下。正则表达式表单验证具体内容如下： 首先给大家解释一些符号相关的意义 * 匹配前面的子表达式零次或多次；^ 匹配输入字符串的开始位置；$匹配输入字符串的结束位置1. /^$/ 这个是个通用的格式。2. 里面输入需要实现的功能。\d 匹配一个数字字符，等价于[0-9] + 匹配前面的子表达式一次或多次； ？匹配前面的子...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>"> <html xmlns="<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>CSS菜...
目录 图解 盒模型尺寸基准 使用浏览器的开发者工具，查看元素高(宽)度时，遇到的问题 一、图解 说明：由内而外依次是content、padding（内边距）、border（边框）、margin（外边距）。 举个例子：一个快递车里放了许多快递包裹（盒子包装的），每个包裹里面又放了不同的东西。 content：真正容纳其他东西的区域。比如快递车的content，就是那些包裹所处的那个空间； 而每...
前言：生活不只眼前的苟且，还有诗和远方的田野 相关文章： 1、《Animation 动画详解（一）——alpha、scale、translate、rotate、set的xml属性及用法》2、《Animation动画详解（二）——Interpolator插值器》3、《Animation动画详解（三）—— 代码生成alpha、scale、translate、rotate、set及插值器动画》4、《Animation动画详解(四)——ValueAnimator基本使用》5、《Animation动画详解(五)——ValueAnimator高级进阶（...
一、前言 IE特有的滤镜常常作为CSS3各种新特性的降级处理补充，而Adobe转向HTML5后与Chrome合作推出CSS3的Filter特性，因此当前仅Webkit内核的浏览器支持CSS3 Filter，而FF和IE10+则需要使用SVG滤镜(svg effects for html)或Canvas作为替代方案处理了，而IE5.5~9则使用IE滤镜、JS+DIV或VML处理！本篇为先占个坑，以后慢慢填^_^！！！ CSS3 Filter兼容性表...
一、类型选择符 什么是类型选择符？指以网页中已有的标签类型作为名称的行径符。body是网页中的一个标签类型，div,p,span都是。如下： body {} div {} p {} span {} 二、群组选择符 对于XHMTL对象，可以对一组同时进行了相同的样式指派。使用逗号对选择符进行了分隔，这样书写的优点在于同样的样式只需要书写一次即可，减少代码量，改善CSS代码结构。使用时应该...
引言 前一篇文章Android入门——补间动画和帧动画应用小结总结了补间动画和帧动画及一些相关类的应用，基本可以掌握简单的缩放、旋转、透明度变化、平移的动画效果，但是需要实现更复杂的动画效果时，比如说希望View的切换动画、Layout的切换动画、3D旋转动画等等，这些View Animation都无法做到。此时Property Animation应运而生，这篇主要总结下属性动画的相关知识点。 一、Property Animation属性动画概述 属性动画，在我...
CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对 这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如 positioniseverything，本文将主要讲述关于position的理解，力求让您看完本文后对position有着最全面的认识。position的四个属性值： relative absolute fixed static 下...
布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C提出了一种新的方案—-Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。 以下内容主要参考了：Flex 布局教程：语法篇 一、Flex布局是什么？ Flex是Flexible Box的缩写，意为...
原文来自：http://www.cnblogs.com/jr1993/p/4677921.html 主 题 今天手把手教大家用 CSS 3制作圆形滚动 进度条 动画 ，想不会都难！那么，到底是什么东东呢？先不急，之前我分享了一个css实现 进度条 效果的博客 《 CSS 实现 进度条 和订单进度条 》， 但是呢，那篇博客只是制作出来效果而已，并没有 动画 效果，因为当时正期末复习期间，所以就省了制作 动画 的时间成本。所以，今天就一起把各种效果都实现吧！ 内...
很早以前，当还没有前端这个概念的时候，我在写表单提交完全不去理会表单数据的编码，在 action属性里写好目标URL，剩下的啊交给浏览器吧~但是现在，更多时候我们都采用Ajax方式提交数据，这种原始的方式仅仅被当成优雅降级的产物。 当我们用异步方式提交表单，就需要稍微关注一下表单数据的编码问题了。回想一下，在写回调函数时是不是有根据过请求的 Content-Type写不同业务逻辑的经历，那这个 Content-Type和表单的编码有什...
在bootstrap框架中将导航独立出来成为一个导航组件，根据不同的版本，可以找到相应的源码： LESS: navs.less SASS: _navs.scss 标签形导航，也称选项卡导航 标签形导航是通过.nav-tabs样式来实现的，在制作标签形导航时需要在原导航类名为.nav的容器上追加类名.nav-tabs 导航标题1 导航标题2 导航标题3 导航标题4 导航标题5 原理： 将菜单项li按...