chevron_left

CSS 入门

已发布
第 8 回

课程讲义

CSS 入门 - 清除浮动与恢复盒子高度

2023年11月13日更新
CSS 入门

清除浮动与恢复盒子高度

浮动里面有一个很重要的属性,叫做清除浮动。具体代码是这样的

<html>
<head>
    <meta charset="utf-8">

    <style>
        #parent {
            background-color: yellow;
            width: 800px;
            border:1px solid;
        }

        #child1, #child2 {
            width: 300px;
            height: 300px;
        }

        #child1 {
            background-color: darkgrey;
            float: right;
        }

        #child2 {
            background-color: #1f99b0;
            floa...

课程介绍

CSS(层叠样式表)是网页设计和开发中不可或缺的一部分,它赋予网页独特的外观和风格。本课程专为初学者设计,通过简洁而实用的教学内容,帮助您迅速入门 CSS 的基本概念和技能。

课程亮点:

  • 从零开始学 CSS:适合零基础的学员,课程将从 CSS 的基础概念开始,逐步引导学员建立对样式表的深入理解。
  • 实用案例演示:我们将通过实际案例演示,让您在学习过程中直接应用所学知识,加深对 CSS 各项属性的理解。
  • 与 HTML 结合使用:掌握如何将 CSS 与 HTML 结合使用,实现更加丰富和吸引人的网页设计。