CSS3 布局属性全接触 VIP

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

    目录 收起>

    介绍 CSS3 布局相关属性的应用,通过简要介绍了解基本属性,通过案例演示了解属性的应用。

    1.弹性盒模型介绍 00:09:25

    讲解弹性盒模型的原理、弹性盒模型相关属性的讲解。

    2.Flexbox 菜单项目实战 00:07:12

    通过 Flexbox 菜单的实现帮助大家理解弹性盒模型相关属性的应用。

    3.多列属性详解 00:07:12

    本课时介绍 CSS3 多列属性的用法。

    4.媒体查询解析 00:08:22

    本课时介绍响应式布局中的核心内容媒体查询的基础用法和常见使用方式。

    5.响应式表格项目实战 00:08:51

    本课时通过响应式表格案例的实现让大家了解响应式布局中的媒体查询的实现方式。

    6.响应式图片项目实战 00:09:19

    本课时讲解响应式布局中的图片的响应式设计问题。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

CSS3 布局属性全接触

6课时,50分钟2015-06-18
greater
greater

极客学院签约布道师

课程背景:
在传统的浮动、定位基础之上,CSS3 提供了一系列新的布局方式,包括弹性盒模型、多列、媒体查询等,利用这些布局方式我们可以灵活地应对复杂网页布局,本课程通过属性详解、实战案例的方式向您展示这些新兴布局方式的强大之处。

核心内容:
1.弹性盒模型;
2.flex 菜单;
3.多列 Multi-column;
4.媒体查询;
5.表格的响应式布局;
6.图片的响应式布局

软件环境:hbuilder

是否提供资料:

课程等级:中级

适合人群:
具备 html、css 基础知识的相关学习者
  • 技术问答

相关课程

  • CSS3 中的动画功能

    本套课程主要讲解 CSS3 中的动画功能,Transitions 功能,Animations 功能和实现动画的方法。使用 Animations 实现动画效果要比使用 Transform 实现动画效果复杂。

    3课时 17分钟
    初级
    25771人学习
  • CSS3 选择器详解(三)

    本套课程主要讲解 CSS3 选择器,主要了解UI元素状态伪类选择器,包含 hover、focus、active、checked、enabled、disabled 和通用兄弟元素选择器

    3课时 13分钟
    初级
    19849人学习
  • CSS3 文字与字体相关样式

    本套课程主要讲解 CSS3 文字与字体相关样式,包含给文字添加阴影,让文本自动换行,让长单词与URL地址自动换行,使用服务器端字体和修改字体种类而保持字体尺寸不变。

    3课时 19分钟
    初级
    20051人学习
  • CSS3 中的变形处理

    本套课程主要讲解 CSS3 中的变形处理,包含 Transform 功能的基础知识,对一个元素使用多种变形的方法和指定变形的基准点。掌握通过 transform 属性来使用transform功能。

    3课时 13分钟
    初级
    16901人学习