【前端笔记】CSS一些易错点

这是我在学习前端时遇到的一些易错点和问题。

1. 在使用<li>标签的过程中，如果采用了浮动并且设置了右边距，一定要注意最好把最后一个<li>标签的右边距清除，否则因为右边距变长位置会有变动。可以使用:last-child伪类来实现。当一行中出现多个时，可以采用:nth-child ()伪类将每一行最后一个<li>清除右边距。
2. 伪元素都以行内块的形式显示，加宽高不会生效，高度和内容相同，如果需要宽高，要设置显示模式。
3. 关于vertical-align属性的理解和示例：vertical-align和line-height的理解
4. 在一个div块中，块元素放入之后都会自动换行排列，需要调整显示模式，大多用在商品展示栏的标题中。
5. “子绝父相”的概念中，“父相”是要保证父容器仍在文档流中，否则父容器都脱离了流，下面的容器就会上移。
6. 容器的内容部分包括子容器的margin范围，如果子容器大小和margin的组合范围超过父级容器，会溢出。
7. Logo一般工程中采用h1标题嵌套<a>标签，会把网站名写上，字号设置为0。图标使用的是background或者background-image属性，background-size设置为100%。
8. <nav>标签用于导航，<input type='search'>用于搜索栏，注意在开发过程中尝试使用语义化标签。
9. <ol>的宽度会随着内容而变化，比如说轮播指示器。
10. 有些时候设置内边距<padding>属性一定要注意，很多情况下都需设置box-sizing: border-box 属性。