前端学习(22)~css问题讲解
2021-04-14 13:27
标签：伪类 文档 使用 important 通用 use 理解 取消 浮动 语义化：指对文本内容的结构化（内容语义化），选择合乎语义的标签（代码语义化）。 举例：段落用 p，边栏用 aside，主要内容用 main 标签。 好处： 语义化标签介绍： 在HTML5出来之前，我们习惯于用div来表示页面的章节或者不同模块，但是 控制页面在移动端不要缩小显示。 二者都是用来统一浏览器的默认样式： reset：重置。相对「暴力」，不管你有没有用，统统重置成一样的效果，且影响的范围很大，讲求跨浏览器的一致性。（一刀切） 选择器越具体，优先级越高。 #xxx 大于 .yyy 同样优先级，写在后面的覆盖前面的。 color: red !important; 优先级最高。 overflow:hidden ：取消父子 margin 合并。 （另一种推荐做法： （1）overflow: hidden （2）.clearfix 清除浮动写在爸爸身上 概念上的区别： 伪类表示一种状态 伪元素是真的有元素。比如 ::after 是真的有元素，可以在页面上显示内容。 使用上的区别： 伪类：使用单冒号 伪元素：使用双冒号 前端学习(22)~css问题讲解 标签：伪类 文档 使用 important 通用 use 理解 取消 浮动 原文地址：https://www.cnblogs.com/Vincent-yuan/p/12375079.html你是如何理解 HTML 语义化的？
便于开发者阅读和维护
有利于SEO：让浏览器的爬虫和辅助技术更好的解析，
div本身是没有语义的。但是现在，HTML5中加入了一些语义化标签，来更清晰的表达文档结构。meta viewport 是做什么用的，怎么写？
meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
css reset 和 Normalize.css 有什么区别
Normalize.css ：标准化。相对「平和」，注重通用的方案，重置掉该重置的样式，保留有用的 user agent 样式，同时进行一些 bug 的修复，这点是 reset 所缺乏的。（去伪存真）选择器的优先级如何确定
BFC 是什么
padding-top: 0.1px;）如何清除浮动
.clearfix::after {
content: ‘‘;
display: block;
clear: both;
}
/* 兼容 IE */
.clearfix {
zoom: 1;
}
伪类和伪元素的区别是什么？
上一篇：js事件委托