div + span + 盒模式笔记 --- 杂乱无章 随手而写

div的使用原则：
将页面划分成不同的逻辑分区，便于指定样式。
尽可能精简地使用div。


width是纯文本的宽度还是整个盒子的宽度(包含内边距和外边距)？
实际是div只是纯文本的宽度
整个元素的宽度 = 内容的宽度 + 左右内边距 + 左右边框 + 左右外边距
这一点十分容易记混。


内联元素


span
em
strong


常见的场景就是在一段文本中指定某一小部分的文本为特定的样式。
<div>是块元素，会换行。


悬停：鼠标放上去但是不点击就是悬停


对于连接元素的样式不可以以一般的元素样式加以对待。
因为连接元素存在状态，一般比较常用的也就是未访问link
已经访问visited，以及悬停状态hover。针对不同的状态
指定不同的样式。


什么是伪类，这是css中的一个需要理解的概念
首先说什么是类?
所谓类就是将某些元素的集合，统一为这些元素指定样式，这就是类。
通常意义上的类在html中可以找到明确的存在,比如class,id。


但是a:hover a:link a:visited以及:first-child :last-child
在html中找不到它的存在。但是你却可以为他们指定样式。由于这种物理上的虚无，
而实际上的存在我们将它们指称为伪类。


css叫层叠样式表。css为什么叫层叠样式表？
因为现实中作用在页面上的样式不止一种，这就是层叠。一个html结构，可能会有多个css样式加以修饰。
那么这个时候很可能出现同一个元素被多个样式指定。那么问题就来了？在这么多的样式中，
那一个会胜出？这就是选择的原则问题。
谁更具体就选择谁，那么如何衡量这种具体呢？用特定性来衡量。
id class elem
111 110 101 100 011 010 001 000