HTML <header> / <footer>最常见的CSS做法

阿比卡尔

在CSS中设置“主要”页眉(或页脚)的最佳样式是什么?

我的风格就像: header { ... }

但后来我想起了,html中可以有多个标头...

  1. 所以我改写了: body > header { ... }

但这并不漂亮。在几个地方写body > header .search { ... }

第二种可能性: <header class="main-header">

但是它也不是很漂亮。

  1. 当然,可以忽略,可能有多个页眉(页脚)。但是我不为自己标记html / css,因此smb可能会在html中添加新的header / footer元素。

那么,最好的风格是什么?谷歌,StackOverflow,微软,IBM等伟大的公司都使用这种方法。

嘿!我有个主意!简单的header { ... }主页眉/页脚和特殊的页眉/页脚将要写什么.some-element header { ... }现在对我来说很明显,这是最好的风格。我对吗?

穆尼卜·普拉尼

重要的是,我们都必须专注于用户真正注意到性能改进因此,与其说它有多美,不如说是一个优化的美

对于CSS,我们必须考虑几件事。对于选择器,我们必须关注CSSOM的构造方式(您可以从此处了解更多信息,是Udacity团队提供的课程)。

为了提高性能,请使用类而不是标签。另外,使用两个或多个规则(如div>p>span)将导致更多时间呈现页面。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

CSS position:fixed is working for the header but not for the footer

来自分类Dev

wkhtml2pdf footer-html / header-html参数的编码问题

来自分类Dev

CSS背景图片在#header和#footer之间缩放

来自分类Dev

包含header.php CSS,无法在包含footer.php或正文中使用

来自分类Dev

CSS 类/id 样式未应用于使用 PHP 包含的 <nav>、<footer> 和 <header> 后代

来自分类Dev

拥有大DIV的字符串并使用JS将其注入html是常见的做法吗?

来自分类Dev

在HTML Header中引用CSS文件

来自分类Dev

html footer doesn't work

来自分类Dev

XSL最常见

来自分类Dev

<footer>忽略的CSS样式

来自分类Dev

How to make both header and footer in collection view with swift

来自分类Dev

在<section>元素内;如果使用<header>,是否需要<footer>?

来自分类Dev

Site header navbar and footer wont go to 100% on mobile devices

来自分类Dev

HTML中的<footer>标签是否可以替代?

来自分类Dev

从NSNumber获取CGFloat的最常见和正确的做法是什么?

来自分类Dev

从NSNumber获取CGFloat的最常见和正确的做法是什么?

来自分类Dev

最常见的数组元素

来自分类Dev

footer.php中的</ html>标签关闭了哪个<html>标签?

来自分类Dev

PHP:数组中最常见的值

来自分类Dev

SQLite如何查找最常见的值

来自分类Dev

使用LINQ查找最常见的单词

来自分类Dev

计算最常见的数组元素

来自分类Dev

查找最常见的财产-密码

来自分类Dev

熊猫系列最常见的元素

来自分类Dev

获取mysql中最常见的值

来自分类Dev

查找最常见的哈希值

来自分类Dev

在R中找到最常见的路径

来自分类Dev

最常见的不同值mongodb

来自分类Dev

MySQL ORDER BY不是最常见的