怎么让页面少数控件不受外界整体CSS的控制

html-css022

怎么让页面少数控件不受外界整体CSS的控制,第1张

方法有二

1,将你的组件样式(class)命名规则复杂一点,以降低与组件外部样式冲突的几率

2,采用 ShadowDom 封装组件,利用这一原生技术实现一个隔离的样式环节

padding,内边距。属于盒子模型的内部,盒模型内部的填充物,算作内容的一部分。

border,边框。盒模型与外界的分界点。

margin,外边距。盒模型与其他盒模型之间的距离。

你把这个按钮理解成一个盒子,按钮上的字理解成盒子里的物品,那么:

边界(margin)是盒子相对于外界的距离,比如和另一个盒子的距离,又叫外边距

填充(padding)是盒子内的物品跟盒子之间的距离,又叫内边距

边框(border)是盒子的边,属于盒子的一部分