weixin_43522687的博客

深入理解CSS选择器优先级

前端程序员在布局页面时，经常会遇到各种烦人的小问题，比如：每个元素都是一个盒子，盒子外的父元素应该不会受到盒内子的子元素影响，可是事实是这样的吗？往往，我们会看到子元素浮动后，父元素高度没有了，两栏布局时右侧没有自适应，垂直方向上上下两个元素外边距不太对从常理上来说，被包含在父元素里的元素是不会影响到父元素旁边的元素，但实际上并不总是如此，那么有没有什么办法能让里面的元素和外部真正隔离开呢？解决办法就是：BFCBFC = Block Formatting context 意思是“块级格式化上下文”，W

https://mp.weixin.qq.com/s/ypD9NaTPwvf_ENQHxp8cpg

less中引入公用less文件的变量踩了无数坑后总结出最好用的方法：webpack添加：{ loader: 'less-loader', options: { globalVars: { 'hack': `true; @import "${path.resolve(__dirname, '../src/style/mobile.less')}"` } }}...

css盒子模型包含：内容（content），填充(padding)，边框(border)，外边距(margin)属性，这些属性可以看成我们日常中见到的盒子来理解，盒子包含上下左右四条边，即盒子有边框，盒子里的东西称之为内容，该内容与盒子四个边之间存在填充，多个盒子之间存在外边距。...