顺晟科技：

在HTML中，定义样式后，尝试如下所示:

<style>
    .browser-article
    {
        padding:5px;
        margin:0;
        background-color:lightgray;
        
    }
    .browser-article>h1, .browser
    {
        padding:10px;
        margin:10px;
    }
    
</style>

-标识符前的点表示它是一个类，它可以用于多个元素。任何具有类名browser-article的HTML元素都将应用此样式。例如

这将帮助您理解填充和边距

只是更具体。中的header()，还包括

这是一个开始的好地方https://www.codecademy.com/learn/learn-css

选择器

选择器选择具有该类的所有元素。注意文本前面的点（）。

演示:

选择类中元素的直接子元素的所有元素。是子组合器.

演示:

逗号只是将相同样式应用于多个选择器的一种方式。

此:

<style>
    .browser-article
    {
        padding:5px;
        margin:0;
        background-color:lightgray;
        
    }
    .browser-article>h1, .browser
    {
        padding:10px;
        margin:10px;
    }
    
</style>

等效于:

<style>
    .browser-article
    {
        padding:5px;
        margin:0;
        background-color:lightgray;
        
    }
    .browser-article>h1, .browser
    {
        padding:10px;
        margin:10px;
    }
    
</style>

属性

是一个元素与其他元素保持的距离，而元素内部的元素与该元素保持的距离。

演示:

注意带类的元素和带类的元素之间的距离。这是通过属性