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，如何触发BFC BFC BFC(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规定列之

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