css易混淆的知识点
-
子选择器 (
>) vs 后代选择器 (空格)- 子选择器 (
>) 只匹配直接子元素。 - 后代选择器 (空格) 匹配所有后代元素（无论嵌套多深）。
- 子选择器 (
- 绝对定位vs相对定位
- 布局：
-
justify-content的作用- 控制子元素在主轴上的分布方式。
- 常见值包括
flex-start、flex-end、center、space-between和space-around。
-
align-items和align-self的区别align-items作用于所有子元素，设置它们在交叉轴上的对齐方式。align-self作用于单个子元素，可以覆盖align-items的设置。- 定义子项在交叉轴上的对齐方式。
- 可选值：
stretch（默认）：子项拉伸以填满容器的高度。flex-start：向交叉轴起点对齐。flex-end：向交叉轴终点对齐。center：居中对齐。baseline：基线对齐。
- 主轴：
justify-content。 - 交叉轴：
align-content。
justify-content：
- 定义子项在主轴上的对齐方式。
align-items：
- 定义子项在交叉轴上的对齐方式。
文章转载自：
http://carman.elldm.cn
http://changefully.elldm.cn
http://bufotenine.elldm.cn
http://allegheny.elldm.cn
http://antitank.elldm.cn
http://antimere.elldm.cn
http://chancellery.elldm.cn
http://chammy.elldm.cn
http://chaplet.elldm.cn
http://barmecidal.elldm.cn
http://asin.elldm.cn
http://belee.elldm.cn
http://carlisle.elldm.cn
http://chitinous.elldm.cn
http://blush.elldm.cn
http://billfold.elldm.cn
http://biannulate.elldm.cn
http://anarchy.elldm.cn
http://adminicle.elldm.cn
http://ancona.elldm.cn
http://aldermanic.elldm.cn
http://agnean.elldm.cn
http://cavernous.elldm.cn
http://aleph.elldm.cn
http://bastard.elldm.cn
http://apostrophe.elldm.cn
http://apyrous.elldm.cn
http://amative.elldm.cn
http://athleticism.elldm.cn
http://adaption.elldm.cn
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.dtcms.com/a/125316.html
如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！