- 博客(10)
- 收藏
- 关注
RSS订阅转载 Flex 布局教程：语法篇
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖display属性 +position属性 +float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。Flex 布局将成为未来布局的首选方案。本文介绍它的语法，下一篇文章给出常见布局的 Fle...
2021-02-07 17:09:27
207
转载 CSS3动画详解（图文教程）
前言本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation 过渡：transitiontransition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征，可以实现元素不同状态间的平滑过渡（补间动画），经常用来制作动画效果。 补间动画：自动完成从起始状态到终止状态的的过渡。不用管中间的状态。 帧动画：通过一帧一帧的画面按照固定顺序和速度播放。如电影胶片。 参
2021-02-07 08:38:42
4141
2
转载 过渡与变形（2）
css3中制作动画的几个属性：css3中的变形（transform）、过渡（transition）、动画（animation）。一、 CSS3变形（transform）语法：transform ： none | <transform-function> [ <transform-function> ]* 也就是：transform: rotate | scale | skew | translate |matrix;1.1、旋转rotate（）rotate
2021-02-05 08:48:10
414
转载 过渡与变形（1）
Transform属性:translate 位移scale 缩放rotate 旋转skew 倾斜transform-origin中心点<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>transform</title> <style> .wrapper{ .
2021-02-05 08:47:09
140
转载 background 背景属性详解
background 背景属性我们知道元素有前景色color，与之对应的还有背景色，通过background我们可以为元素添加实色（background-color）和任意多个背景图片（background-image）。css 背景常见属性background-color background-position background-size background-repeat background-origin background-clip background-attachm
2021-02-03 18:20:49
3841
转载 CSS背景background详解，background-position详解
背景(background)是css中一个重要的的部分，也是需要知道的css的基础知识之一。这篇文章将会涉及css背景(background)的基本用法，包括诸如 background-attachment 等的属性，也会介绍一些有关背景(background)的常用技巧，以及 css3 中的 背景(background)(包含4个新的背景(background)属性)。css2 中的背景(background)概述CSS2 中有5个主要的背景(background)属性，它们是：* ba
2021-02-03 18:05:04
33994
1
转载 浮动层级
总结：标准流盒子，低于浮动的盒子，浮动的盒子又低于定位的盒子。定位(relative,absolute,fixed)高于浮动，浮动高于标准流。（高低和占不占位置无关）（除去static之外）。用法：1、必须有定位。（除去static之外）。2、给定z-index的值为层级的值。（不给默认为0）（层级为0的盒子，也比标准流和浮动高。）（层级为负数的盒子，比标准流和浮动低。）（层级不取小数）（层级一样，后面的盒子比前面的层级高。）（浮动或者标准流的盒子，后面的盒子比前面的层级高。）
2021-02-03 15:34:08
423
转载 z-index 应用简单总结
做过页面布局的同学对z-index属性应该是很熟悉了，z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而 z-index 值为负数的对象在其之下。简单演示<d
2021-02-03 15:30:45
2555
1
转载 10分钟理解BFC
一、常见定位方案在讲 BFC 之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案:普通流 (normal flow)在普通流中，元素按照其在 HTML 中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，普通流中元素的位置由该元素在 HTML 文档中的位置决定。浮动 (float)在浮动布局中，元素首先按照普通流的位置出现，然后根据浮动的方向尽
2021-02-03 14:36:53
149
转载 关于BFC 的理解与注意点
BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。在解释什么是BFC之前，我们需要先知道Box、Formatting Context的概念。Box：css布局的基本单位Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属
2021-02-03 14:19:13
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人