space 用于父元素,作用是设置子元素之间的间距 space-x-4, 子元素之间间距 4px,space-y-4 同理4. 边框、弧度边框宽度 通过border-value 设定线宽,颜色的设置也很简单:border-颜色-数值。 border-t|b|l|r: 上|下|左|右边框. 如 border-t-2 即 border-top-width: 2px; border-x|y:横向|纵向 边框 ...
Space Between Sizing Width Min-Width Max-Width Height Min-Height Max-Height Typography Font Family Font Size Font Smoothing Font Style Font Weight Font Variant Numeric Letter Spacing Line Height List Style Type List Style Position Placeholder Color ...
bg-repeat-y bg-repeat-round bg-repeat-space 定位 bg-center bg-top bg-bottom bg-left bg-left-top bg-left-bottom bg-right bg-right-top bg-right-bottom attachment bg-fixed bg-local bg-scroll 渐变:bg-gradient-to-[direct] from-[color]-[shade] to-[color]-[shade] 阴影 Consectetur vel...
space-y-3> * + *--tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); space-y-3.5> * + *--tw-space-y-reverse: 0; margin-top: calc(0.875rem * calc(1 - var(--tw-space...
.space-x-0> * + *margin-left: 0; .space-y-1> * + *margin-top: 0.25rem; .space-x-1> * + *margin-left: 0.25rem; .space-y-2> * + *margin-top: 0.5rem; .space-x-2> * + *margin-left: 0.5rem; .space-y-3> * + *margin-top: 0.75rem; ...
ChitChatYou have a new message! 使用语义化的 CSS 类名有以下几个主要优势: 代码可读性更强。类名如p-6、max-w-sm等一目了然地表达了样式效果,甚至可以联想到最终的效果🤔。 CSS 更模块化。不同的类可组合使用,避免重复样式。 更易维护。直观的类名和模块化 CSS 让其他开发者更容易理解...
class="p-6 max-w-sm mx-auto bg-white rounded-xl shadow-md flex items-center space-x-4">...
WHY PEOPLE LOVE TAILWIND: Undivided Attention 1 hour of one-on-one attention from your Physical Therapist to build a relationship and make the most of every session. World Class Facilities Tailwind’s expansive space houses state-of-the-art equipment including a HydroWorx hydrotherapy pool with an...
… Try DevTools on this website <svg>…</svg> Styles…DevTools for Tailwind CSS px-4py-2flexitems-centerjustify-centerspace-x-2rounded-fullborderborder-gray-400font-boldtext-sm .px-4{padding-left:1rem;padding-right:1rem;} .py-2{padding-...
server { server_name resume.fridolph.top; # ssl和证书相关配置省略了 location / { index index.html; add_header Cache-Control "private, no-store, no-cache, must-revalidate, proxy-revalidate"; } location ~* ^.+\.(jpg|png|svg|ico|woff|woff2)$ { log_not_found off; # 关闭日志 expires...