cssworld
cssworld copied to clipboard
《CSS世界》三部曲答疑反馈交流区
P126 元素 display:inline-block,可以创建一个独立的“行框盒子”,行高不受前面的“幽灵空白节点”干扰 不理解 内容... 按照书本应当 标签前面已经存在一个 “幽灵空白节点“, 为什么书上说”元素 display:inline-block,可以创建一个独立的“行框盒子”,行高不受前面的“幽灵空白节点”干扰 不理解“。 完全不能理解,希望老师解答下。 我实验了下,确实 改成 inline-box 后, 高度改变了。但是完全没法理解。 
5.3.8中的例子中 “但是 CSS 中默认是左上方排列对齐的,所以, 伪元素和这个原本在容器上边缘的 x 中心点一起往下移动了半个容器高度,也就是此时 x 中心 点就在容器的垂直中心线上”。这句话不是很理解 为什么设置了middle之后 就往下移动了半个容器的高度呢 跟左上方排列对齐有什么关系呢 希望前辈给解答下 这个是我稍微修改了一下的代码 疑惑点是伪元素设置了vertical-align: middle;之后怎么就下移了半个容器的高度 ```html Document .container { position: fixed; top: 0; right: 0; bottom: 0; left:...
“下面一张图片实际偏移大小是30px”,应该是"偏移大于40px"。 "先缩小到原大小的75%",应该是"先平移40px,后缩小到原大小的75%"。 transform有多个变换时,从右往左读。
css世界,8.6节,讲了基于text-align:justify的多行列表布局。 第271页有一些补充,写到“关于占位标签的个数。占位标签的个数和列表的列数保持一样就可以...多了浪费,少了不行”。 对其中的“**少了不行**”有些疑惑,我认为满足占位标签的个数大于等于(**列数-1**)便可以。 我做了如下的复现,三列两个占位标签的效果如下:  看起来是能满足需求的。 不知我理解的不对,还是浏览器环境变了,或者其他的原因。 上述复现地址:https://codepen.io/SongJuXin/full/MWzZqqv
我之前并不了解这个属性,甚至没听说了,于是特意去mdn搜了一下,发现这个属性已经被删除了,不在推荐使用了,取而代之的是clip-path属性,请问clip-path的特性和书中所写的clip是否有差异呢?
https://demo.cssworld.cn/selector2/7/3-2.php
3.多命名语法 @layer b2, b1 代表b2优先级低于b1 --原文:如果我们希望b2级联层的优先级高于b1级联层的优先级
书上说是Chrome浏览器下所有元素都支持content属性,而其他元素仅在::before和::after下支持content属性,按理来说以下代码只有在Chrome中才能显示,而其他浏览器会显示失败,但是事实是其他浏览器也能正常显示 ```html ```
将代码拷贝到本地,在进行点击切换时,会出现粗竖线。检查元素后,没有发现这个 竖线产生的原因,能够解答一下吗? 
缩放变换不支持百分比值,这个实际使用百分比值和数值是相同效果,那么是不是支持呢?