发 送

在线教程

  • browser

    ... 我们强烈推荐使用Chrome，对HTML5标准支持最好，性能最佳且能调试移动网页应用。 IE系列是支持新标准最滞后的，尤其是IE9之前的版本，很多CSS3的特性均不支持。除非特殊说明，本书用例对浏览器的一般性要求是Chrome最佳，FF和IE9+。 另外需要说明的是，这些浏览器都有移动版本，移 ...

  • css background

    ... background-repeat background-size background-origin background-clip 其中前面5个为CSS2.1规范所定义，而后面3个为CSS3新增语法。属性定义顺序和格式如下： background-size: [background-color] [background-image] [background-repeat] [background-attachment] [background ...

  • css border radius

    ... 默认值： 0 继承性： no 版本： CSS3 JavaScript 语法： object.style.borderRadius="5px" border-radius语法如 ...

  • css box shadow

    ... inherit 从父元素继承该属性。 在线实例 例子1 - 带阴影的相片 例子2 - 纺锤形分隔线 后面这个例子的完整教程请阅读：使用纯CSS3创建一个纺锤形分隔线， 该例子同时还演示了上一章节所讲述的边框圆角（border-radius）属性的使用。 Next → CSS 内边距 NextPrevious回到顶 ...

  • css flex layout boxmodel

    11.16 CSS 弹性布局框模型和术语 一些常用弹性布局术语 如果一个元素的display被设置为flex或inline-flex，则将生成一个弹性容器。弹性容器内部流子元素被称为弹性项，这些弹性项通过弹性布局模型来放置。 为了更好的讨论弹性布局，我们先介绍一些相关基本术语。弹性流（flex-flow）的值和书写模式（writing mode）决定这些术语如何映射到物理方向(top/right/bottom/left ...

  • css flex layout flexibility

    11.21 CSS 伸缩性（Flexibility） 弹性项目的伸缩性通过flex-*属性来定义 弹性布局赋予弹性项目可伸缩性，可以改变其宽度/高度，以填充可用空间。这通过设置flex属性来实现。 下面这个例子演示flex: auto属性值的效果。除了给每个弹性项目添加了flex: auto外，其余和上一章节中的例子一样。 第一行有60px的剩余空间，而所有项目具有相同的伸缩性（Flexibility），所以 ...

  • css flex layout items

    ... 塌缩和展示，建议作者继续使用display:none来隐藏项目，这使得布局引擎更高效。 隐含的弹性项最小尺寸 为了给弹性项提供更合理的最小尺寸，CSS3给min-width和min-height属性引入了新的初始值 auto。 auto 在主轴线上的弹性项，overflow的值为visible，当指定弹性项主轴线方向上的min-size时，由下表确定： ...

  • css flex layout overview

    11.15 CSS 弹性布局概述 弹性布局是为了适应网页交互技术的发展 如同在CSS入门教程中所接触到的，CSS 2.1里面定义了4种布局模式（即根据层级关系来确定框（box）尺寸和位置的算法）： 块布局（block layout），用来展示文档 行内布局（inline layout），也叫内联布局，用来展示文本 表布局（table layout），用于以表格形式展 ...

  • css gfc

    ... 容的外边距合并。 有些block布局中的属性不能用在GFC中，比如伪元素::first-line,::first-letter对网格容器无效，而float、vertical-align对网格项（grid item）无效。 Grid layout是CSS3引入的新兴而强大的页面布局技术，尚处于开发过程中，不过领先的浏览器已经支持其绝大部分特性，接下来的章节将详细介绍其语法和 ...

  • css gradients

    ... 览器对于带前缀的gradient定义， 还是遵循之前苹果提出的标准建议，使用了极地坐标系：to east，也就是屏幕上从左向右的方向。你可以用这个CSS3渐变生成器工具自己测试下。 不过除却这些分歧外，渐变特性的基本理念不外是要定义： What：需要什么颜色。 Where：这些颜色出现在渐变轴 ...

推广服务（新）
最新文章