知识点一:边框影响盒子实际大小
边框会额外增加盒子的实际大小,所以有两种解决方案,
第一:测量盒子大小的时候,不加边框;
第二:如果测量了边框,需要用width/height减去边框的大小,就是盒子实际的大小。
知识点二: 内边距的设定 padding-left
如果不设置内边距,那么是紧挨着边框的。
内边距是边框和内容之间的距离,
padding-left -right -bottom -top
知识点三:padding的复合写法(简写)
知识点四:padding会影响盒子的实际大小,会撑开盒子。
计算width/height时,减去padding的大小,才能与原来保持一致。
知识点五:新浪导航栏设置
新浪导航栏设置成品: