chevron_left

CSS 入门

已发布
第 9 回

课程讲义

CSS 入门 - 内边距(padding)与外边距(margin)

2023年11月13日
CSS 入门

内边距(padding)与外边距(margin)

关于内外边距的概念,大家先来看个东西。

padding(内边距)

大家一起看,相框之中,有一张相片。这个相片,也是就网页中元素的大小。它的相框就是咱们之前所学习的border(边框)。至于相框与相片之间的间距,这个呢,我们就叫它padding(内边距)。两个相框之间的间距呢,这个就是margin(外边距)了。这个相框,我们用代码来表示一下。

1.jpeg

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

    <style>
        .picture {
            border: 5px solid #1f99b0;
            float: left;
            padding: 20px;
        }
    </style>
</head>

<body>
...

课程介绍

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

课程亮点:

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

适合这样的人

仅仅学习过HTML的新手