CSS 经典布局之双飞翼布局 认证专享

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本课程介绍 CSS 常用布局,包括一列布局二列布局三列布局多列布局,以及双飞翼布局对传统两列布局和三列布局的补充。

    1.双飞翼布局课程概要 00:01:08

    本课程介绍 CSS 常用布局,包括一列布局二列布局三列布局多列布局,以及双飞翼布局对传统两列布局和三列布局的补充。

    2.双飞翼布局介绍 00:06:32

    本课时对双飞翼布局介绍,双飞翼布局是一种灵活的布局,始于淘宝 UED,他对我们传统的三列布局和两列布局有了更加灵活的的运用。双飞翼布局是对圣杯布局的一种改良。

    3.双飞翼布局代码实战 00:18:24

    本课时对双飞翼布局开发前进行准备,讲解了最基础的 DIV+CSS 的布局知识,包括一列布局、两列布局、三列布局,以及对 DIV+CSS 布局进行了讲解。

    4.双飞翼布局代码实战续 00:21:05

    本课时正式介绍双飞翼布局,从圣杯布局讲起。圣杯布局利用了 CSS 的很多技巧来实现了特别神奇的三列展现效果。双飞翼布局对圣杯进行了一些改善,去除掉了 relative 属性。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

CSS 经典布局之双飞翼布局

4课时,47分钟2015-05-28
Ijason_zj
Ijason_zj

极客学院金牌布道师

课程背景:
双飞翼布局是一种灵活的布局,始于淘宝 UED。如果把三栏布局比作一只大鸟,可以把 main 看成是鸟的身体,sub 和extra 则是鸟的翅膀。这个布局的实现思路是,先把最重要的身体部分放好,然后再将翅膀移动到适当的地方。是对圣杯布局的一种改良。双飞翼布局让三列布局和两列布局更加有灵动性,更好的完善了 DIV+CSS 常见的布局。


核心内容:
1.div+css 常用的布局模式
2.双飞翼布局介绍
3.双飞翼布局代码实战


软件环境:Mac、Sublime Text


是否提供资料:


课程等级:中级


适合人群:
有一定 HTML 和 CSS 开发基础的同学。

  • 技术问答
  • 1

    双飞翼布局课程概要

    01:08

    本课程介绍 CSS 常用布局,包括一列布局二列布局三列布局多列布局,以及双飞翼布局对传统两列布局和三列布局的补充。

  • 2

    双飞翼布局介绍

    06:32

    本课时对双飞翼布局介绍,双飞翼布局是一种灵活的布局,始于淘宝 UED,他对我们传统的三列布局和两列布局有了更加灵活的的运用。双飞翼布局是对圣杯布局的一种改良。

  • 3

    双飞翼布局代码实战

    18:24

    本课时对双飞翼布局开发前进行准备,讲解了最基础的 DIV+CSS 的布局知识,包括一列布局、两列布局、三列布局,以及对 DIV+CSS 布局进行了讲解。

  • 4

    双飞翼布局代码实战续

    21:05

    本课时正式介绍双飞翼布局,从圣杯布局讲起。圣杯布局利用了 CSS 的很多技巧来实现了特别神奇的三列展现效果。双飞翼布局对圣杯进行了一些改善,去除掉了 relative 属性。

相关课程

  • CSS3选择器详解(一)

    本套课程讲解 CSS3 选择器,主要包含属性选择器[att*=val]、[att^=val]和[att$=val]、伪元素使用的选择器first-line、first-letter、before、after和选择器 root、not、empty 和 target

    3课时 20分钟
    初级
    26991人学习
  • 面向对象的 CSS

    本课程介绍面向对象的编程特性。以及如何利用面向对象的特性解决我们开发 CSS 随意堆积的问题和更好利用父类进行样式的重写和复用。

    4课时 29分钟
    中级
    27754人学习
  • Less 介绍和应用

    本课程主要介绍 Less. Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。

    4课时 33分钟
    初级
    22795人学习
  • SASS 介绍和应用

    本课程主要介绍SASS。Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码,易于组织和维护。

    4课时 33分钟
    初级
    18632人学习