大空翼 つばさ

弹性布局 flexible box基本概念：采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。容器的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。容器存在两根轴：主轴（main axis）和交叉轴（cross axis）。容器属性：flex-direction：主轴方向row ：水平 从左到右 默认row-reverse： 水平 从右到左col：垂直 从上到下col-reverse：垂直 从下到上

　　《CSS3 经典教程系列》的前一篇文章向大家详细介绍了text-shadow文本阴影特性的用法，今天这篇文章我们在一起来看看CSS3中实现渐变效果的 Gradient 属性的具体用法。在以前，渐变效果和阴影、圆角效果一样都是做成图片，直接编写 CSS 代码就可以实现。您可能感兴趣的相关文章Web 开发人员和设计师必读文章推荐 20个非常绚丽的 CSS3 特性应用演示 35...

Web 应用的样式设计中，布局是非常重要的一部分。布局用来确定页面上不同组件和元素的尺寸和位置。随着响应式用户界面的流行，Web 应用一般都要求适配不同的设备尺寸和浏览器分辨率。响应式用户界面设计中最重要的一环就是布局。需要根据窗口尺寸来调整布局，从而改变组件的尺寸和位置，以达到最佳的显示效果。这也使得布局的逻辑变得更加复杂。本文介绍的是 CSS3 规范中引入的新布局模型：弹性盒模型（flex b...

CSS3 animation简写属性：#test { animation: test 2s linear 1s 1 normal; -webkit-animation: test 2s linear 1s 1 normal;}展开属性：#test { /*动画所使用的 keyframe 名称*/ animation-name: test; /*动画时长*/ ...