1点

摘要： Flex 布局教程：语法篇 网页布局（layout）是 CSS 的一个重点应用。 布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。 2009年，W3C 提出了一种新的方案 Flex 阅读全文

摘要： CSS3 多列布局——Columns 语法： 多列布局columns属性参数主要就两个属性参数：列宽和列数。 参数 参数说明 <column-width> 主要用来定义多列中每列的宽度 <column-count> 主要用来定义多列中的列数 实例代码： 效果： CSS3 column-count 属 阅读全文

摘要： animation-duration 代码实例： 效果： animation-name 代码实例： 效果： animation-timing-function 语法animation-timing-function: linear | ease | ease-in | ease：缓解效果，等同于cu 阅读全文

摘要： CSS Animations 是CSS的一个模块，它定义了如何用关键帧来随时间推移对CSS属性的值进行动画处理。关键帧动画的行为可以通过指定它们的持续时间，它们的重复次数以及它们如何重复来控制。 animation-delay animation-delay CSS属性定义动画于何时开始，即从动画应 阅读全文

摘要： 1、进入官网：https://jsfiddle.net/ 可以看到如下界面，顶端的控制按钮包括：保存，运行，代码格式化等； 2、将html、css、js分别写在指定的位置当中，最后一个框result是显示效果的； 3、代码编辑完之后保存，会得到上面所写代码的链接，把这个链接复制下来，后面插入博客就用 阅读全文

摘要： CSS Transition 1.1 基本用法 在CSS 3引入Transition（过渡）这个概念之前，CSS是没有时间轴的。也就是说，所有的状态变化，都是即时完成。 上面是一个演示，当鼠标放置于缩略图之上，缩略图会迅速变大。注意，缩略图的变大是瞬间实现的。下面是代码，相当简单。 transiti 阅读全文

摘要： 效果： CSS3变形--旋转 rotate() 演示结果 CSS3中的变形--缩放 scale() 演示结果 CSS3中的变形--矩阵 matrix() 演示结果： matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY()) 阅读全文

摘要： Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动trans 阅读全文

摘要： “::selection”伪元素是用来匹配突出显示的文本(用鼠标选择文本时的文本)。浏览器默认情况下，用鼠标选择网页文本是以“深蓝的背景，白色的字体”显示的，效果如下图所示： 从上图中可以看出，用鼠标选中“专注IT、互联网技术”、“纯干货、学以致用”、“没错、这是免费的”这三行文本中，默认显示样式为 阅读全文

摘要： 实例 1.清除浮动 通常我们清除清除浮动的方式就是在浮动元素后面添加一个空的Div标签，然后在设置它的清除浮动要是，使用after伪元素，我们就不需要添加无意义的div标签在html中了，下面的例子就使用了伪元素清除浮动 效果： 没有清除浮动： 2.常见消息框 注意，此时伪类content:' ', 阅读全文