cssworld
cssworld copied to clipboard
zhangxinxu
《CSS世界》三部曲答疑反馈交流区
照我对本书对于内联元素的理解，外在盒子为 inline 的元素都是内联元素对吧，所以 display 值为 inline 和 inline-block 的元素都是内联元素，原书在这里以内联元素举例 padding 的垂直作用方向  如果我这里给a标签设为inline，垂直方向只会发生层叠不会被撑开，但是我如果设置 display 为 inline-block 就会像下面一样被撑开  但是书原文就是说的内联元素，是我对内联元素的理解出现问题了吗？还是另有玄机呢
```html ``` ```css span { display: inline-block; } ``` 为什么这里的span一定要设置`display: inline-block`，此时幽灵空白节点才会撑开div的高度呢？
网页通过锚点定位，页面有一个导航栏高50像素并flixed布局，标题元素不想压在导航栏下面，h3中添加span，并给span设置padding-top：58以实现不影响原来的布局和定位，同时又把锚点定位位置往下移了50像素。不懂这段到底想要说什么，既然标题不想被压在导航栏下面，那就要往下移50像素，怎么可能不影响原来的布局
在 CSS 世界中提到 > 造物主再次灵机一动，没错，你猜对了，又新增一个盒子，也就是每个元素都两个盒子，外在盒子 [1] 和内在盒子。外在盒子负责元素是可以一行显示，还是只能换行显示；内在盒子负责宽高、内容呈现什么的。但是呢，造物主又想了想，叫“内在盒子”虽然容易理解，但是未免有些俗气，难登大雅之堂，于是，又想了一个更专业的名称，叫作“容器盒子”。 可这两个东西英文名是什么？想去文档中找到更多原始信息，但是没有成功。 搜索 container box 没发现类似的东西。
[css选择器世界 第四章(4.2.1).md](https://github.com/zhangxinxu/cssworld/files/6533195/css.4.2.1.md)
11.4 了解关联伪类 :has( ) 的第一个例子 ```css a:has(< svg) {} ``` 应为 ```css a:has(> svg) {} ```
 为什么这里虚线标注的是匿名内联盒子而不是匿名块级盒子，他不是包裹在p元素里面吗？
visibility 隐藏错用为 transition 隐藏 
