html样式属性等于“...”style =“...”

Question

当HTML元素的style属性等于“...”时，它是什么意思

例如在这段代码中？

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-bottom: 0">

Answer 1

它被称为内联css风格。

用于将CSS样式应用于HTML元素。

<nav class="navbar navbar-default navbar-fixed-top" role="navigation" style="margin-bottom: 0">

在您的代码中，style = "margin-bottom:0;"表示nav

底部不得有任何边距

有些观点：

内联样式是定义CSS的旧方法。使用内联样式不是一个好习惯。必须将CSS与HTML分开。否则，代码将在以后的时间点变得难以管理。

相同的代码可能就像：

在单独的style.css文件中

nav {
   margin-bottom: 0px;
}

或者

.navbar { // navbar is the class name mentioned in the nav
  margin-bottom: 0px;
}