Question

我正在使用模板设计，并尝试更改各种字体。我不明白为什么例如用字体大小重复的东西。

例如，H1 H2 H3有一套

然后有一个只是为了h2与一些相同的规格（如文本大小，填充）

也有人可以解释为什么有4个填充选项？即“9px，0,5px，0”

h1, h2, h3, h4, h5, h6 { 
  color: #FFF;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
}

h1, h2, h3 { 
  font: normal 140% 'News Cycle', arial;
  margin: 0 0 15px 0;
  padding: 15px 0 5px 0;
}

h2 { 
  font-size: 160%;
  padding: 9px 0 5px 0;
}
h
h3 { 
  font-size: 140%;
  padding: 5px 0 0 0;
}

h4, h6 { 
  padding: 0 0 5px 0;
  font: normal 120% 'Droid Sans', arial, sans-serif;
}

h5, h6 { 
  font: italic 100% 'Droid Sans', arial;
  padding: 0 0 15px 0;
}

h6 { 
   font: normal 100% 'Droid Sans', arial;
}

Answer 1

可以使用最多4个参数定义填充属性。如果定义了四个参数，则：

第一个参数指定padding-top
第二个参数指定padding-right
第三个参数指定padding-bottom
第四个参数指定padding-left

如果定义了三个参数，则：

第一个参数指定padding-top
第二个参数指定padding-right和padding-left
第三个参数指定padding-bottom

如果定义了两个参数，则：

第一个参数指定padding-top和padding-bottom
第二个参数指定padding-right和padding-left

如果定义了一个参数，则它指定所有4个属性。

如果未定义参数，则所有四个属性都将设置为默认值，即零。

关于<h1>，<h2>，<h3>，<h4>，<h5>和<h6>标记，用户首先为所有标记指定了常规属性标签，然后开始指定一些标签的唯一属性。例如，用户已为所有<h1>，<h2>和<h3>标记设置了字体，边距和填充属性，但随后仅为每个标记设置了font-size属性。

为什么CSS中有相同的东西有多个选项？

1 个答案: