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

(一)Tailwindcss


文章目录

  • 项目地址
  • 一、常用
    • 1.1 字体
      • 1. 字体大小
      • 2. 字体粗细
      • 3. 文字位置
    • 1.2 宽/高/背景/边框
      • 1. 宽度
      • 2. 背景
      • 3. 边框
      • 4. hover
      • 5. 媒体查询
    • 1.3 FlexBox
      • 1. Flex布局
      • 2. shrink
      • 3. Grid 布局


项目地址

  • 教程作者:
  • 教程地址:
  • 代码仓库地址:
  • 所用到的框架和插件:
dbt 
airflow

一、常用

1.1 字体

1. 字体大小

在这里插入图片描述

  • 效果

在这里插入图片描述

2. 字体粗细

在这里插入图片描述

3. 文字位置

在这里插入图片描述
在这里插入图片描述

1.2 宽/高/背景/边框

1. 宽度

在这里插入图片描述

2. 背景

在这里插入图片描述

3. 边框

在这里插入图片描述

4. hover

在这里插入图片描述

5. 媒体查询

在这里插入图片描述

1.3 FlexBox

1. Flex布局

在这里插入图片描述

2. shrink

类名等价 CSS行为
flex-1flex: 1 1 0%自动扩张填满剩余空间
flex-autoflex: 1 1 auto会扩张,也会缩小,基础大小由内容决定
flex-initialflex: 0 1 auto不扩张,允许缩小,基础大小由内容决定
flex-noneflex: none不扩张、不缩小,固定大小

3. Grid 布局

在这里插入图片描述

http://www.xdnf.cn/news/17556.html

相关文章:

  • Win10清理C盘步骤
  • Spring事务失效的常见原因
  • ROS2 QT 多线程功能包设计
  • 基于PyTorch一文讲清楚损失函数与激活函数并配上详细的图文讲解
  • redis集群-docker环境
  • 咪咕MGV3200-KLH_GK6323V100C_板号E503744_安卓9_短接强刷包-可救砖
  • 大数据架构演变之路
  • java的三种组件漏洞靶场攻略
  • LeetCode 组合总数
  • 人工智能系列(8)如何实现无监督学习聚类(使用竞争学习)?
  • 1. 电阻选型
  • 计算机网络:如何理解目的网络不再是一个完整的分类网络
  • mpv core_thread pipeline
  • jmeter常规压测【读取csv文件】
  • 北京JAVA基础面试30天打卡06
  • Vulhub靶场组件漏洞(XStream,fastjson,Jackson)
  • 北京天津廊坊唐山打捞失物日记
  • 双非二本如何找工作?
  • jxWebUI--按钮
  • 黑马SpringBoot+Elasticsearch作业2实战:商品搜索与竞价排名功能实现
  • 【RocketMQ 生产者和消费者】- ConsumeMessageConcurrentlyService 并发消费消息
  • socket编程中系统调用send()详细讲解
  • MySQL自增ID与UUID的区别及其在索引分裂中的表现与优化
  • 七、CV_模型微调
  • 通过sealos工具在ubuntu 24.02上安装k8s集群
  • DevOps:从GitLab .gitlab-ci.yml 配置文件到CI/CD
  • 第十五讲:set和map
  • WebAssembly技术详解:从浏览器到云原生的高性能革命
  • 本地WSL部署接入 whisper + ollama qwen3:14b 总结字幕增加利用 Whisper 分段信息,全新 Prompt功能
  • 国内外主流大模型深度体验与横向评测:技术、场景与未来展望