1、关于英文字母的空格分隔
空格（回车）在编辑器里被称为文本分隔符。不管在编辑器里写多少个空格，在网页里只显示一个。
注意：比如你在一个 div 里边写了一堆字母，但是你会发现他到 div 边界处不换行， 中文的就可以，那是因为系统认为你写的字母是一个单词，所以就不会换行，你必须加上空格才可以，空格就是英文单词分隔符。
：（属于 HTML 编码，&开头，;结尾）空格文本。
2、css 权重，优先级大小排序：
!important（Infinity）>行间样式（1000）>id（100）>class/属性/伪类（10）>标 签/伪元素（1）>通配符（0）
3、权重的计算：同行选择器放一起系统会把权重值相加，谁大听谁的，如果权重值相等，后边的就会覆盖前边的（必须是 css 的属性相同才会覆盖，否则不会覆盖）。只要写在同一行，不管中间加不加空格，都直接把权重值相加就行了（在 css 里，正无穷 +1>正无穷）
4、 浏览器遍历父子选择器的顺序是自右向左查找的
5、凡是带有 inline 的元素（文本类属性元素），都有文字特性，比如写四张图片，发现中间有一条缝，因为 他会把回车当成文本分隔符，解决这个 bug 的正确方法 就是写代码的时候两个 img 中间不要加空格也不要按回 车，紧挨着即可。
6、标准盒子模型：margin+border+padding+（content=width+height）
（1） 外边距：margin（容器与容器之间的距离）
（2） 盒子壁：border
（3） 内边距：padding（容器与内部内容之间的距离, 内边距是不能放内容的,并且会 把盒子撑开）
（4） 盒子内容：width+height
7、可视化宽高不包括 margin 值
8、body 在默认情况下会有 8px 的 margin 值
9、绝对定位：脱离原来的位置进行定位，往上浮
10、固定定位：position：fixed，一元素不随着滚动条的拖曳而改变
11、解决margin 塌陷 bug
给父级元素触发 BFC，凡是设置了 float：left/right 或者 position：absolute 的元素内部会自动把 他转化为行级块元素（inline-block）
（1）position：absolute；
（2）display：inline-block；
（3）float：left/right；
（4）overflow：hidden；（溢出部分隐藏）
12、行级元素只能套行级元素，块级元素可以套任何元素，但是，p 标签里不 能套 div，否则 p 会被砍断，a 标签里不能套 a 标签。
13、行级元素的 padding-top、padding-bottom、margin-top、margin-bottom 属性设置 是无效的。
网友评论