当前位置: 首页 > news >正文

css易混淆的知识点

  1. 子选择器 (>) vs 后代选择器 (空格)

    1. 子选择器 (>) 只匹配直接子元素。
    2. 后代选择器 (空格) 匹配所有后代元素(无论嵌套多深)。
  2. 绝对定位vs相对定位 
  3. 布局:
  • justify-content 的作用

    • 控制子元素在主轴上的分布方式。
    • 常见值包括 flex-startflex-endcenterspace-between 和 space-around
  • align-itemsalign-self 的区别

    • align-items 作用于所有子元素,设置它们在交叉轴上的对齐方式。
    • align-self 作用于单个子元素,可以覆盖 align-items 的设置。
    • 定义子项在交叉轴上的对齐方式。
    • 可选值:
      • stretch(默认):子项拉伸以填满容器的高度。
      • flex-start:向交叉轴起点对齐。
      • flex-end:向交叉轴终点对齐。
      • center:居中对齐。
      • baseline:基线对齐。
  • 主轴:justify-content
  • 交叉轴:align-content

justify-content

  • 定义子项在主轴上的对齐方式。

align-items

  • 定义子项在交叉轴上的对齐方式。

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.dtcms.com/a/125316.html

相关文章:

  • 开发遇到的问题-编译报错
  • 分布式锁和事务注解结合使用
  • 第Y1周:调用YOLOv5官方权重进行检测
  • Python函数的说明文档的访问方式
  • 人工智能的经济盲点及AI拓展
  • 火山RTC 4 音视频引擎 IRTCVideo,及 音视频引擎事件回调接口 IRTCVideoEventHandler
  • 数据结构基础(2)
  • ubuntu 服务器版本常见问题
  • Node.js多版本共存管理工具NVM(最新版本)详细使用教程(附安装包教程)
  • 重返JAVA之路-初识JAVA
  • 【android bluetooth 协议分析 01】【HCI 层介绍 1】【hci_packets.pdl 介绍】
  • 第十二天 - Flask/Django基础 - REST API开发 - 练习:运维管理后台API
  • Linux环境变量详解
  • 无人机在极端环境材料的选择
  • 热门面试题第15天|最大二叉树 合并二叉树 验证二叉搜索树 二叉搜索树中的搜索
  • 栈与队列-JS
  • 互质的数-蓝桥20245
  • 第二节:React 基础篇-受控组件 vs 非受控组件
  • springboot网站项目+layui框架动态渲染table表格数据信息
  • Apache Doris内存与超时参数配置详解
  • (四)机器学习---逻辑回归及其Python实现
  • cat命令查看文件行数
  • RK3568 基于Gstreamer的多媒体调试记录
  • 2025年工会考试题库及答案
  • 深度学习基础--CNN经典网络之InceptionV1研究与复现(pytorch)
  • 【力扣03】无重复字符的最长子串
  • 4月11日随笔
  • 【深入浅出 Git】:从入门到精通
  • onenote的使用技巧以及不足之处
  • 【网络安全 | 项目开发】Web 安全响应头扫描器(提升网站安全性)