CSS3盒子相关样式 VIP

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

    目录 收起>

    本套课程主要讲解CSS3盒子相关样式,包含盒子的类型,对于盒子中容纳不下的内容的显示,对盒子使用阴影,指定针对元素的宽度与高度的计算方法

    1.盒子的类型 00:08:10

    本课时讲解盒子的类型,使用display属性来定义盒的类型,总体来说,CSS中的盒子分为block类型与inline类型。

    2.对盒子中容纳不下的内容的显示 00:04:59

    本课时讲解,对盒子中容纳不下的内容的显示,可以使用overflow属性来指定对盒子中容纳不下的内容的显示方法。

    3.盒子的阴影和大小计算方式 00:06:35

    本课时讲解,盒子的阴影和大小计算方式,在CSS3中,使用box-sizing属性来指定针对元素的宽度与高度的计算方法。
  • 提问

    提交问题
  • 下载

  • 线路

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

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

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

CSS3盒子相关样式

3课时,20分钟2015-06-02
iwen
iwen

极客学院金牌布道师

课程背景:
在CSS中,使用display属性来定义盒的类型。可以使用overflow属性来指定对盒子中容纳不下的内容的显示方法,可以使用box-shadow属性让盒子在显示时产生阴影效果。

核心内容:
display.overflow.box-shadow

软件环境:WebStrom

是否提供资料:

课程等级:初级

适合人群:
具有一定CSS基础
  • 技术问答
  • 1

    盒子的类型

    08:10

    本课时讲解盒子的类型,使用display属性来定义盒的类型,总体来说,CSS中的盒子分为block类型与inline类型。

  • 2

    对盒子中容纳不下的内容的显示

    04:59

    本课时讲解,对盒子中容纳不下的内容的显示,可以使用overflow属性来指定对盒子中容纳不下的内容的显示方法。

  • 3

    盒子的阴影和大小计算方式

    06:35

    本课时讲解,盒子的阴影和大小计算方式,在CSS3中,使用box-sizing属性来指定针对元素的宽度与高度的计算方法。

相关课程

  • CSS3 选择器详解(二)

    本套课程讲解 CSS3 选择器,包含,first-child、last-child、nth-child、nth-last-child、nth-of-type、nth-last-of-type 和 only-child。通过以上选择器可以灵活运用完成需求效果。

    3课时 16分钟
    初级
    20457人学习
  • SASS 介绍和应用

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

    4课时 33分钟
    初级
    19021人学习
  • CSS3选择器详解(一)

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

    3课时 20分钟
    初级
    27497人学习
  • CSS 经典布局之双飞翼布局

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

    4课时 47分钟
    中级
    25606人学习