HTML <header>/<footer> 最常见的 CSS 做法
HTML <header>/<footer> most common CSS practice
在 CSS 中设置 'main' header（或页脚）的最佳样式是什么？
我的风格是这样的：
header { ... }
但后来我想起来了，html中可以有不止1个header...
- 所以我重写了：
body > header { ... }
但并不漂亮。写在几个地方smth像body > header .search { ... }
2.nd可能性：
<header class="main-header">
不过也不是很漂亮
- 当然也可以忽略，可以有多个header（页脚）。但是我标记 html/css 不是为了我自己，所以 smb 可能会在 html.
中添加新的 header/footer 元素
那么，什么是最好的风格呢？ Google、Whosebug、Microsoft、IBM 等大公司都在使用它。
哎！我有个主意！主要的 header/footer 简单的 header { ... } 和特殊的 headers/footers 类似 .some-element header { ... } 的东西要写什么？现在对我来说很明显，这是最好的风格。我说的对吗？
你可以简单的写css代码这样写
header { }
或者如果 dom 上有很多 header，那么 select header 的第一个 child:first-child {}
或者你可以写 header:nth-child(1) {}
希望对您有所帮助
谢谢
你听说过 BEM 吗？它代表块元素修饰符，可帮助您实现可重用的组件。我认为你应该使用它，它会让你的代码看起来像样式和文档准备就绪。
更多here
假设您使用的是 html5，我建议如下所示。保持尽可能简单，而不是让它变得复杂。还尽可能保持二级层次结构以读取代码并加快 css 处理速度。
header{
/* enter your css properties */
}
header p{
}
footer{
/* enter your css properties */
}
重要的是，我们都关注 性能改进 我们的用户会真正注意到。所以这不是关于它有多漂亮，而是优化。
对于CSS，有几件事我们必须考虑。在选择器的情况下，我们必须关注 CSSOM 将如何构造（您可以从 here 中了解更多信息，该课程由 Udacity 团队提供）。
出于性能考虑，请使用 类 而不是标签。此外，使用两个或多个规则（如 div>p>span）将导致更多时间来呈现页面。
这真的是关于你喜欢什么。我认为最简单易读的方式可能是属性选择器。
header[main] {/*something*/}
加上这个：
<header main>Main header</header>
在 CSS 中设置 'main' header（或页脚）的最佳样式是什么？
我的风格是这样的：
header { ... }
但后来我想起来了，html中可以有不止1个header...
- 所以我重写了：
body > header { ... }
但并不漂亮。写在几个地方smth像body > header .search { ... }
2.nd可能性：
<header class="main-header">
不过也不是很漂亮
- 当然也可以忽略，可以有多个header（页脚）。但是我标记 html/css 不是为了我自己，所以 smb 可能会在 html. 中添加新的 header/footer 元素
那么，什么是最好的风格呢？ Google、Whosebug、Microsoft、IBM 等大公司都在使用它。
哎！我有个主意！主要的 header/footer 简单的 header { ... } 和特殊的 headers/footers 类似 .some-element header { ... } 的东西要写什么？现在对我来说很明显，这是最好的风格。我说的对吗？
你可以简单的写css代码这样写 header { } 或者如果 dom 上有很多 header，那么 select header 的第一个 child:first-child {} 或者你可以写 header:nth-child(1) {}
希望对您有所帮助
谢谢
你听说过 BEM 吗？它代表块元素修饰符，可帮助您实现可重用的组件。我认为你应该使用它，它会让你的代码看起来像样式和文档准备就绪。
更多here
假设您使用的是 html5，我建议如下所示。保持尽可能简单，而不是让它变得复杂。还尽可能保持二级层次结构以读取代码并加快 css 处理速度。
header{ /* enter your css properties */ } header p{ } footer{ /* enter your css properties */ }
重要的是，我们都关注 性能改进 我们的用户会真正注意到。所以这不是关于它有多漂亮，而是优化。
对于CSS，有几件事我们必须考虑。在选择器的情况下，我们必须关注 CSSOM 将如何构造（您可以从 here 中了解更多信息，该课程由 Udacity 团队提供）。
出于性能考虑，请使用 类 而不是标签。此外，使用两个或多个规则（如 div>p>span）将导致更多时间来呈现页面。
这真的是关于你喜欢什么。我认为最简单易读的方式可能是属性选择器。
header[main] {/*something*/}
加上这个：
<header main>Main header</header>