实例 A, B, C 设置 flex-shrink:1， D , E 设置为 flex-shrink:2： !DOCTYPE htmlhtmlheadmeta charset="utf-8"title嘀嗒教程(dida100.com)/titlestyle#content { display: flex; width: 500px;} #content div { flex-basis: 120px; border: 3px...

实例 设置弹性盒对象元素的顺序： div#myRedDIV {order:2;}div#myBlueDIV {order:4;}div#myGreenDIV {order:3;}div#myPinkDIV {order:1;} 尝试一下 » 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版...

实例 改变下划线文本中下划线的颜色： p{text-decoration: underline;text-decoration-color: red;-moz-text-decoration-color: red; /* 针对 Firefox 的代码 */} 尝试一下 » 浏览器支持 几乎所有的主流浏览器都不...

CSS 用于控制网页的样式和布局。 CSS3 是最新的 CSS 标准。 本教程向您讲解 CSS3 中的新特性。 开始学习 CSS3! CSS3 实例 div{ transform:rotate(30deg);} 尝试一下 » 点击 "尝试一下" 按钮查看在线实...

CSS3 已完全向后兼容，所以你就不必改变现有的设计。 CSS3 模块 CSS3 被拆分为"模块"。旧规范已拆分成小块，还增加了新的。 一些最重要 CSS3 模块如下： 选择器 盒模型 背景和边框 文字...

CSS3 边框 用 CSS3，你可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序，如 Photoshop。 在本章中，您将了解以下的边框属性： border-radius box-shadow border-image CSS3 圆角...

CSS3 圆角 使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 CSS3 圆角制作器 浏览器支持 表格中的数字表示支持该属性的第一个浏览器的版本号。 -webkit- 或 -moz- 前面的数字表示...

CSS3 背景 CSS3 中包含几个新的背景属性，提供更大背景元素控制。 在本章您将了解以下背景属性： background-image background-size background-origin background-clip 您还将学习如何使用多重背景图像...

渐变效果 CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。 以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的...

CSS3 文本效果 CSS3中包含几个新的文本特征。 在本章中您将了解以下文本属性： text-shadow box-shadow text-overflow word-wrap word-break 浏览器支持 属性 text-shadow 4.0 10.0 3.5 4.0 9.5 box-shadow 10.0 4.0-w...