权重复习、盒子模型的边框

时间:2022-12-14 00:41:35

知识点  1 :css继承的权重是“0”,权重越高,会优先执行。

例:   .nav .pink  权重是   20

          .nav li       权重是    11

想要展示出自己喜欢的效果,就要叠加权重,权重越高的优先执行。

知识点  2:css盒子模型

网页布局的核心本质:给盒子摆放位置

盒子模型的组成部分:  content   (内容)

border (边框)

padding (内边距)

margin (外边距)

div{   

border :font-width   style  color ;

 border-top:  5px  dotted pink ;

}

注意:顺序不能调换,执行就近原则

solid   实线

dotted   点线   

dashed  虚线

表格边框合并 border- collapse:collapse

表格边框独立:border-collapse:separate