long_yy_的博客

FLEX布局Flex容器：采用 Flex 布局的元素的父元素；(父级)Flex项目：采用 Flex 布局的元素的父元素的子元素；（子级）容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。项目默认沿主轴排列。单个项目占据的主轴空间叫做main size，占据的交叉轴空间叫做cross size。

3D动画案例如何做出这样的效果不多说直接上代码！！！1.transform-style----让转换的子元素保留3D转换transform–style属性指定嵌套元素是怎样在三维空间中呈现。注意： 使用此属性必须先使用 transform 属性.2.animation------使用简写属性把 animation动画属性 绑定到一个元素上3.3D位移主要包括translateZ()和translate3d()两个功能函数；4.3D旋转—包括rotateX()、rotateY()、rotat

什么是BFC，如何触发BFCBFCBFC(Block formatting context)直译为“块级格式化上下文”。它是一个独立的渲染区域，只有Block-level box（块）参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC的布局规则一、内部的Box会在垂直方向，一个接一个地放置。二、Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠（按照最大margin值设置）三、每个元素的margi

H5新增标签HTML5新增元素<header>用于定义文档或节的页眉<footer>用 于定义文档或节的页脚<article>用于定义文档内的文章<section>用于定义文档中的一个区域(或节)<aside>用于定义与当前页面或当前文章的内容几乎无关的附属信息<figure>用于定义一 段独立的引用，经常与说明(capt ion) <figcaption>配合使用，通常用在主文中的图片，

css3-多列（瀑布流）多列布局类似报纸或杂志中的排版方式，主要用以控制大篇幅文本。多列属性​ 1、column-count（最大列数）属性规定元素应该被分隔的列数适用于：除table外的非替换块级元素, table cells, inline-block元素​ 2、column-gap属性规定列之间的间隔大小​ 3、column-rule设置或检索对象的列与列之间的边框。复合属性。column-rule-color规定列之间规则的颜色。column-rule-style规定列之

轮播图原理大概是这样的，假定四张图片需要做轮播效果，首先需要将这四张图片并列放置，然后将这个整体并列向左移动，每当一张图片完整的从显示框走出，则将这张图片放置到最后面，循环往复就可以实现图片向左（或一个方向）移动。...