基本信息
源码名称：Modern.CSS.with.Tailwind.2nd.Edition.2022.7
源码大小：7.64M
文件格式：.pdf
开发语言：CSS
更新时间：2023-02-13
友情提示：（无需注册或充值，赞助后即可获取资源下载链接）
嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：813200300
本次赞助数额为： 2 元×
微信扫码支付：2 元
×
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
源码介绍
Modern.CSS.with.Tailwind.2nd.Edition.2022.7
Contents
Change History . . . . . . . . . . . . vii
Acknowledgments . . . . . . . . . . . ix
Preface to the Second Edition . . . . . . . . xi
Introduction . . . . . . . . . . . . xiii
1. Getting Started with Tailwind . . . . . . . . . 1
What the Tailwind CLI Does 1
Using the Sample Code 2
Adding Tailwind to Your App 3
Quick Start 5
2. Tailwind Basics . . . . . . . . . . . . 9
Utilities 10
Preflight 11
Duplication 12
Modifiers 15
CSS Units 16
3. Typography . . . . . . . . . . . . . 17
Size and Shape 17
Color and Opacity 20
Alignment and Spacing 22
Special Text 23
Lists 23
Typography Plugin 24
Tailwind Forms 25
4. The Box . . . . . . . . . . . . . . 27
Can You See the Box? 27
What’s in the Box? 28
Padding and Margins 29
Borders 30
Background Color 33
Background Images 36
Filters 38
Height and Width 39
5. Page Layout . . . . . . . . . . . . . 41
Containers 41
Floats and Clears 42
Position and Z-Index 43
Tables 43
Grids 43
Columns 47
Flexbox 48
Box Alignment 51
6. Animation . . . . . . . . . . . . . 55
Helpful Small Animations 55
Transitions 56
Transformation 57
Other Appearance Things 58
7. Responsive Design . . . . . . . . . . . 59
Tailwind Screen Widths and Breakpoints 59
Hide Based on Size 61
Fewer Grid Columns on Small Devices 62
Flex on Larger Devices 62
8. Customizing Tailwind . . . . . . . . . . 67
Configuration File Basics 68
Change Default Values 68
Change Generated Classes 75
Variant Modifiers 77
Integrate with Existing CSS 79
Access Tailwind from JavaScript 80
Plugins 80
The End 82
Modern.CSS.with.Tailwind.2nd.Edition.2022.7
Contents
Change History . . . . . . . . . . . . vii
Acknowledgments . . . . . . . . . . . ix
Preface to the Second Edition . . . . . . . . xi
Introduction . . . . . . . . . . . . xiii
1. Getting Started with Tailwind . . . . . . . . . 1
What the Tailwind CLI Does 1
Using the Sample Code 2
Adding Tailwind to Your App 3
Quick Start 5
2. Tailwind Basics . . . . . . . . . . . . 9
Utilities 10
Preflight 11
Duplication 12
Modifiers 15
CSS Units 16
3. Typography . . . . . . . . . . . . . 17
Size and Shape 17
Color and Opacity 20
Alignment and Spacing 22
Special Text 23
Lists 23
Typography Plugin 24
Tailwind Forms 25
4. The Box . . . . . . . . . . . . . . 27
Can You See the Box? 27
What’s in the Box? 28
Padding and Margins 29
Borders 30
Background Color 33
Background Images 36
Filters 38
Height and Width 39
5. Page Layout . . . . . . . . . . . . . 41
Containers 41
Floats and Clears 42
Position and Z-Index 43
Tables 43
Grids 43
Columns 47
Flexbox 48
Box Alignment 51
6. Animation . . . . . . . . . . . . . 55
Helpful Small Animations 55
Transitions 56
Transformation 57
Other Appearance Things 58
7. Responsive Design . . . . . . . . . . . 59
Tailwind Screen Widths and Breakpoints 59
Hide Based on Size 61
Fewer Grid Columns on Small Devices 62
Flex on Larger Devices 62
8. Customizing Tailwind . . . . . . . . . . 67
Configuration File Basics 68
Change Default Values 68
Change Generated Classes 75
Variant Modifiers 77
Integrate with Existing CSS 79
Access Tailwind from JavaScript 80
Plugins 80
The End 82