T a i l w i n d C S S 只 需 书 写 H T M L 代 码 ， 无 需 书 写 C S S ， 即 可 快 速 构 建 美 观 的 网 站 。 | T a i l w i n d C S S 中 文 文 档 | T a i l w i n d C S S 中 文 网 S e a r c h N a v i g a t i o n 中 文 文 档 博 客 网 站 实 例 组 件 库 ( s h a d c n / u i ) T h e m e T a i l w i n d C S S o n G i t H u b 只 需 书 写 H T M L 代 码 ， 无 需 书 写 C S S ， 即 可 快 速 构 建 美 观 的 网 站 。 本 C S S 框 架 本 质 上 是 一 个 工 具 集 ， 包 含 了 大 量 类 似 f l e x 、 p t 4 、 t e x t c e n t e r 以 及 r o t a t e 9 0 等 工 具 类 ， 可 以 组 合 使 用 并 直 接 在 H T M L 代 码 上 实 现 任 何 U I 设 计 。 快 速 入 门 Q u i c k s e a r c h . . . 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 f i g u r e c l a s s = m d : f l e x b g s l a t e 1 0 0 r o u n d e d x l p 8 m d : p 0 d a r k : b g s l a t e 8 0 0 > i m g c l a s s = w 2 4 h 2 4 m d : w 4 8 m d : h a u t o m d : r o u n d e d n o n e r o u n d e d f u l l m x a u t o s r c = / s a r a h d a y a n . j p g a l t = w i d t h = 3 8 4 h e i g h t = 5 1 2 > d i v c l a s s = p t 6 m d : p 8 t e x t c e n t e r m d : t e x t l e f t s p a c e y 4 > b l o c k q u o t e > p c l a s s = t e x t l g f o n t m e d i u m > “ T a i l w i n d C S S i s t h e o n l y f r a m e w o r k t h a t I v e s e e n s c a l e o n l a r g e t e a m s . I t ’ s e a s y t o c u s t o m i z e , a d a p t s t o a n y d e s i g n , a n d t h e b u i l d s i z e i s t i n y . ” p > b l o c k q u o t e > f i g c a p t i o n c l a s s = f o n t m e d i u m > d i v c l a s s = t e x t s k y 5 0 0 d a r k : t e x t s k y 4 0 0 > S a r a h D a y a n d i v > d i v c l a s s = t e x t s l a t e 7 0 0 d a r k : t e x t s l a t e 5 0 0 > S t a f f E n g i n e e r , A l g o l i a d i v > f i g c a p t i o n > d i v > f i g u r e > “ T a i l w i n d C S S i s t h e o n l y f r a m e w o r k t h a t I v e s e e n s c a l e o n l a r g e t e a m s . I t ’ s e a s y t o c u s t o m i z e , a d a p t s t o a n y d e s i g n , a n d t h e b u i l d s i z e i s t i n y . ” S a r a h D a y a n S t a f f E n g i n e e r , A l g o l i a “ 最 佳 实 践 ” 实 际 上 没 有 用 。 我 曾 经 撰 写 了 数 千 字 的 文 章 来 解 释 为 什 么 传 统 的 “ 语 义 化 命 名 ” 是 C S S 很 难 维 护 的 原 因 ， 但 现 实 是 ， 在 你 真 正 遇 到 问 题 之 前 你 是 永 远 不 会 相 信 我 的 。 如 果 你 能 忍 住 放 弃 的 冲 动 来 尝 试 这 个 框 架 的 话 ， 我 相 信 你 会 后 悔 自 己 为 什 么 曾 经 用 其 他 的 方 式 写 C S S 。 A d a m W a t h a n T a i l w i n d C S S 创 始 人 T e s t i m o n i a l s I f e e l l i k e a n i d i o t f o r n o t u s i n g T a i l w i n d C S S u n t i l n o w . R y a n F l o r e n c e R e m i x s e v e r y t h i n g I e v e r w a n t e d i n a C S S f r a m e w o r k . S a r a V i e i r a C o d e S a n d b o x T a i l w i n d C S S i s t h e g r e a t e s t C S S f r a m e w o r k o n t h e p l a n e t . B r e t T h e H i t m a n H a r t F o r m e r W W E C h a m p i o n I s t a r t e d u s i n g @ t a i l w i n d c s s . I i n s t a n t l y f e l l i n l o v e w i t h t h e i r r e s p o n s i v e m o d i f i e r s , t h o r o u g h d o c u m e n t a t i o n , a n d h o w e a s y i t w a s c u s t o m i z i n g c o l o r p a l e t t e s . D a c e y N o l a n S o f t w a r e E n g i n e e r L o v e d i t t h e v e r y m o m e n t I u s e d i t . G i l b e r t R a b u t T s u r w a W e b D e v e l o p e r T h e r e ’ s o n e t h i n g t h a t s u c k s a b o u t @ t a i l w i n d c s s o n c e y o u ’ v e u s e d i t o n a h a n d f u l o f p r o j e c t s i t i s a r e a l p a i n i n t h e a s s t o w r i t e n o r m a l C S S a g a i n . G r a e m e H o u s t o n J a v a S c r i p t D e v e l o p e r O k a y , I ’ m o f f i c i a l l y * a l l * i n o n t h e @ t a i l w i n d c s s h y p e t r a i n . N e v e r t h o u g h t b u i l d i n g w e b s i t e s c o u l d b e s o r i d i c u l o u s l y f a s t a n d f l e x i b l e . A a r o n B u s h n e l l P r o g r a m m e r @ T r e n d y M i n d s O k a y , @ t a i l w i n d c s s j u s t c l i c k e d f o r m e a n d n o w I f e e l l i k e a # ! @ % v e b e e n u s i n g @ t a i l w i n d c s s t h e p a s t f e w m o n t h s a n d i t s a m a z i n g . I a l r e a d y u s e d s o m e u t i l i t y c l a s s e s b e f o r e , b u t g o i n g u t i l i t y f i r s t . . . t h i s i s t h e w a y . J a d L i m c a c o D e s i g n e r A f t e r f i n a l l y g e t t i n g t o u s e @ t a i l w i n d c s s o n a r e a l c l i e n t p r o j e c t i n t h e l a s t t w o w e e k s I n e v e r w a n t t o w r i t e C S S b y h a n d a g a i n . I w a s a s k e p t i c , b u t t h e h y p e i s r e a l . L u k e R e d p a t h R u b y t t h i n k I w a s g o i n g t o l i k e @ t a i l w i n d c s s . . . s p e n t a d a y u s i n g i t f o r a P O C , l o v e i t ! I w i s h t h i s h a d b e e n a r o u n d w h e n w e s t a r t e d o u r c o m p a n y d e s i g n s y s t e m , s e r i o u s l y c o n s i d e r i n g a c o m p l e t e r e b u i l d J o n B l o o m e r F r o n t E n d D e v e l o p e r @ t a i l w i n d c s s l o o k e d u n p l e a s a n t a t f i r s t , b u t n o w I ’ m h o o k e d o n i t . A n d r e w G i l l i l a n d F r o n t E n d D e v e l o p e r O n c e y o u s t a r t u s i n g t a i l w i n d , t h e r e i s n o g o i n g b a c k . P r a v e e n K u m a r I u s e @ t a i l w i n d c s s f o r e v e r y s i n g l e p r o j e c t b e c a u s e i t r e m o v e s m o s t o f t h e a n n o y a n c e s o f c s s a n d i s m u l t i p l e t i m e s q u i c k e r V a s u B a n s a l I t s c h a n g e d t h e t r a j e c t o r y o f m y b u s i n e s s . I m a b l e t o d e s i g n b e t t e r l o o k i n g , b e t t e r p e r f o r m i n g , a n d m o r e a c c e s s i b l e c o m p o n e n t s i n 1 / 3 o f t h e t i m e . D e n n i s W a l s h M y f i r s t t a i l w i n d p r o j e c t w o r k e d g r e a t b u t w h a t r e a l l y k i c k e d a s s w a s g o i n g b a c k t o i t m o n t h s l a t e r a n d s a v i n g s o m u c h t i m e m a k i n g n e w c h a n g e s . I k n e w h o w e v e r y t h i n g f i t t o g e t h e r i n s t a n t l y . E r i c L . B a r n e s T a i l w i n d l o o k e d l i k e p u r e s p a g h e t t i u n t i l I u s e d i t i n a r e a l p r o j e c t . N o w i t s t h e o n l y w a y I m a k e w e b s i t e s . S i m p l e , f a s t , s c a l a b l e . N i c k S a r a e v T a i l w i n d i s a c l a s s i c e x a m p l e o f w h y y o u n e e d t o p u t p r e c o n c e p t i o n s a s i d e w h e n e v a l u a t i n g t e c h . T h e e x p e r i e n c e a n d p r o d u c t i v i t y i s s t r e e t s a h e a d o f w h a t y o u m i g h t h a v e b e l i e v e d b a s e d o n o l d s c h o o l C S S t h i n k i n g ! L u k e B e n n e t t T a i l w i n d C S S i s a f r a m e w o r k l i k e n o o t h e r . R a t h e r t h a n c o n s t r a i n i n g y o u t o a s e t d e s i g n , i t g i v e s y o u t h e t o o l s a n d t h e s t a n d a r d i z a t i o n t o b u i l d e x a c t l y w h a t y o u w a n t . S a m C a r r é I r e m e m b e r b e i n g h o r r i f i e d t h e f i r s t t i m e I s a w u t i l i t y f i r s t c s s . B u t t h e s e p a s t m o n t h s u s i n g T a i l w i n d o n a n i n c r e a s i n g n u m b e r o f p r o j e c t s h a s j u s t b e e n a j o y f u l n e w w a y t o b u i l d t h i n g s o n t h e w e b . E v a n P a y n e I w a s i n i t i a l l y s k e p t i c a l a s I b e g a n u s i n g @ t a i l w i n d c s s , u n t i l I n o w n e e d e d t o c o p y a @ s v e l t e j s c o m p o n e n t t o a d i f f e r e n t l o c a t i o n a n d I d i d n t n e e d t o w o r r y a b o u t a n y o f m y s t y l e s b r e a k i n g . R o t i m i B e s t @ t a i l w i n d c s s m a k e s y o u b e t t e r a t C S S . C h a n g e m y m i n d . K e l v i n O m e r e s h o n e A w e s o m e s t u f f ! I m n o d e s i g n e r o r f r o n t e n d d e v e l o p e r ; u n t i l I f o u n d T a i l w i n d l a s t y e a r I h a d n t d o n e a n y C S S s i n c e t h e e a r l y n i n e t i e s . T a i l w i n d , a n d T a i l w i n d U I m e a n I c a n n o w c r e a t e g o o d l o o k i n g f r o n t e n d s q u i c k l y , w h i c h i s s u p e r e m p o w e r i n g . C r a z y i m p r e s s i v e p r o j e c t . J o h n W C l a r k e I a d m i t I w a s a b i g s k e p t i c o f @ t a i l w i n d c s s u n t i l l a s t y e a r . I t h o u g h t w h y w o u l d I e v e r t y p e a m i l l i o n c l a s s e s t h a t j u s t a b s t r a c t s i n g l e C S S p r o p e r t i e s ? B y n o w , I f e e l l i k e I m t w i c e a s p r o d u c t i v e w h e n b u i l d i n g U I s . I t s r e a l l y a m a z i n g . S u m i t K u m a r I m n e a r i n g c o m p l e t i o n o n m y m o n t h s l o n g p r o j e c t o f r e w r i t i n g m y c o m p a n y s f r o n t e n d i n T y p e S c r i p t a n d @ t a i l w i n d c s s . S t i l l , e v e r y t i m e I r e i m p l e m e n t a c o m p o n e n t , I t h i n k , W o w , t h a t w a s w a y e a s i e r t h i s t i m e . T a i l w i n d r o c k s . M a n n i e S c h u m p e r t C o F o u n d e r / C T O @ L a u n c h P a t h I n c W i t h t h e a m o u n t o f s h i p p i n g w e h a v e t o d o , s k i p p i n g t h e c o n v e r s i o n o f b r a i n w a v e s t o C S S , a n d b e i n g a b l e t o i m p l e m e n t a t t h e s p e e d o f t h o u g h t u s i n g T a i l w i n d , m y l i f e a s a f u l l s t a c k d e v e l o p e r h a s n e v e r b e e n m o r e b l i s s f u l . C h r i s t i a n H o l m a n T a i l w i n d m a k e s i t e a s y t o b r i n g n e w d e v e l o p e r s i n t o t h e f r o n t e n d p r o j e c t w i t h o u t h a v i n g t o w o r r y a b o u t t h e m e n t a l e x e r c i s e o f u n d e r s t a n d i n g ‘ s o m e ’ d e v e l o p e r ’ s c l a s s h i e r a r c h y a n d t h o u g h t p r o c e s s b e h i n d i t . J i l s o n T h o m a s U I D e s i g n e r / D e v e l o p e r T a i l w i n d h a s b e e n a t o t a l g a m e c h a n g e r f o r o u r d e v t e a m . I t a l l o w s u s t o m o v e f a s t e r , k e e p o u r U I c o n s i s t e n t , a n d f o c u s o n t h e w o r k w e w a n t t o d o i n s t e a d o f w r i t i n g C S S . J a k e R y a n S m i t h F u l l S t a c k D e v e l o p e r H a v e b e e n w o r k i n g w i t h C S S f o r o v e r t e n y e a r s a n d T a i l w i n d j u s t m a k e s m y l i f e e a s i e r . I t i s s t i l l C S S a n d y o u u s e f l e x , g r i d , e t c . b u t j u s t q u i c k e r t o w r i t e a n d m a i n t a i n . D e b b i e O B r i e n S e n i o r P r o g r a m M a n a g e r a t M i c r o s o f t I ’ v e b e e n w r i t i n g C S S f o r o v e r 2 0 y e a r s , a n d u p u n t i l 2 0 1 7 , t h e w a y I w r o t e i t c h a n g e d f r e q u e n t l y . I t ’ s n o t a c o i n c i d e n c e T a i l w i n d w a s r e l e a s e d t h e s a m e y e a r . I t m i g h t l o o k w r o n g , b u t s p e n d t i m e w i t h i t a n d y o u ’ l l r e a l i z e s e m a n t i c C S S w a s a 2 0 y e a r m i s t a k e . B e n F u r f i e D e v e l o p e r T a i l w i n d m a k e s w r i t i n g c o d e f e e l l i k e I ’ m u s i n g a d e s i g n t o o l . D i d i e r C a t z C o F o u n d e r @ S t y p t A p p T a i l w i n d C S S i s b r i d g i n g t h e g a p b e t w e e n d e s i g n s y s t e m s a n d p r o d u c t s . I t ’ s b e c o m i n g t h e d e f a c t o A P I f o r s t y l i n g . S a r a h D a y a n S t a f f S o f t w a r e E n g i n e e r @ A l g o l i a I n e v e r w a n t t o w r i t e r e g u l a r C S S a g a i n . O n l y @ t a i l w i n d c s s . T r e y P i e p m e i e r W e b D e v e l o p e r I c a m e i n t o m y j o b w o n d e r i n g w h y t h e l a s t d e v w o u l d e v e r i m p l e m e n t T a i l w i n d i n t o o u r p r o j e c t s , w i t h i n d a y s I w a s a T a i l w i n d c o n v e r t a n d u s e i t f o r a l l o f m y p e r s o n a l p r o j e c t s . M a d e l i n e C a m p b e l l F u l l S t a c k D e v e l o p e r T a i l w i n d m a d e m e e n j o y f r o n t e n d d e v e l o p m e n t a g a i n a n d g a v e m e t h e c o n f i d e n c e t h a t I c a n r e a l i z e a n y d e s i g n n o m a t t e r h o w c o m p l e x i t m a y b e . M a r c e l P o c i o t C T O a t @ b e y o n d c o d e T a i l w i n d t u r n e d m e i n t o a c o m p l e t e s t a c k d e v e l o p e r . B o r i s L e p i k h i n F u l l S t a c k D e v e l o p e r T a i l w i n d i s t h e e a s i e s t a n d s i m p l e s t p a r t o f a n y p r o j e c t I w o r k o n . I c a n t i m a g i n e I l l b u i l d a n y t h i n g b i g w i t h o u t i t . C h r i s t o p h e r P i t t D e v e l o p e r T a i l w i n d C S S h a s a l l e v i a t e d s o m a n y p r o b l e m s w e v e a l l b e c o m e a c c u s t o m e d t o w i t h t r a d i t i o n a l C S S t h a t i t m a k e s y o u w o n d e r h o w y o u e v e r d e v e l o p e d w e b s i t e s w i t h o u t i t . C h a s e G i u n t a D e v e l o p e r H a v i n g u s e d o t h e r C S S f r a m e w o r k s , I a l w a y s c o m e b a c k t o T a i l w i n d C S S a s i t g i v e s m e t h e a b i l i t y t o c r e a t e a c o n s i s t e n t a n d e a s y t o u s e d e s i g n s y s t e m i n m y p r o j e c t s . T h a n k s t o T a i l w i n d C S S I o n l y n e e d o n e c u p o f c o f f e e t o g e t s t a r t e d o n a n e w p r o j e c t . I v a n G u z m a n S o f t w a r e E n g i n e e r I ’ v e b e e n u s i n g T a i l w i n d C S S f o r m a n y y e a r s , a n d y e t t h e y s e e m t o s t i l l a m a z e u s e v e r y y e a r w i t h t h e u p d a t e s . I t ’ s a i d e d m e i n b u i l d i n g w e b s i t e s s u p e r q u i c k l y , I c o u l d n e v e r g o b a c k t o b o r i n g o l d C S S c l a s s e s ! C h a r l i e J o s e p h D e v e l o p e r T a i l w i n d C S S i s a d e s i g n s y s t e m i m p l e m e n t a t i o n i n p u r e C S S . I t i s a l s o c o n f i g u r a b l e . I t g i v e s d e v e l o p e r s s u p e r p o w e r s . I t a l l o w s t h e m t o b u i l d w e b s i t e s w i t h a c l e a n c o n s i s t e n t U I o u t o f t h e b o x . I t i n t e g r a t e s w e l l w i t h a n y w e b d e v f r a m e w o r k b e c a u s e i t ‘ s j u s t C S S ! G e n i u s . K a h l i l L e c h e l t J a v a S c r i p t D e v e l o p e r I t ’ s s u p e r s i m p l e t o s l o w l y m i g r a t e t o T a i l w i n d f r o m e . g . B o o t s t r a p b y u s i n g i t s p r e f i x f e a t u r e . B e n e f i t i n g f r o m i t s f e a t u r e s w h i l e n o t h a v i n g t o s p e n d a l o t o f t i m e u p f r o n t i s a m a z i n g ! M a r c o S i n g h o f F u l l S t a c k D e v e l o p e r I w a s n ’ t c o m f o r t a b l e u s i n g C S S u n t i l I m e t T a i l w i n d . I t s e a s y t o u s e a b s t r a c t i o n c o m b i n e d w i t h e x c e l l e n t d o c u m e n t a t i o n a r e a g a m e c h a n g e r ! J o o s t M e i j l e s H e a d o f U n p l a t f o r m @ a v i v a s o l u t i o n s T a i l w i n d t u r n s i m p l e m e n t i n g d e s i g n s f r o m a c h o r e t o a j o y . Y o u l l f a l l i n l o v e w i t h b u i l d i n g f o r t h e w e b a l l o v e r a g a i n . M a t t S w a n s o n D e v e l o p e r T a i l w i n d C S S h e l p s y o u e j e c t f r o m t h e c o m p l e x i t y o f a b s t r a c t i n g s t y l e s a w a y . H a v i n g s t y l e s r i g h t t h e r e i n y o u r H T M L i s p o w e r f u l , w h i c h g e t s e v e n m o r e o b v i o u s w h e n u s i n g p r o d u c t s l i k e T a i l w i n d U I . M a t i j a M a r o h n i ć F r o n t E n d D e v e l o p e r I f T a i l w i n d i s l i k e T a c h y o n s o n s t e r o i d s , T a i l w i n d U I i s l i k e L a n c e A r m s t r o n g w i n n i n g t h e T o u r d e F r a n c e ( s e v e n t i m e s ) . W i t h o u t , o f c o u r s e , t h e s c a n d a l a n d s h a m e . H u g h D u r k i n D e v e l o p e r B e i n g b u r n e d b y o t h e r a b a n d o n e d C S S f r a m e w o r k s , m y b i g g e s t f e a r w a s t o b e t o n y e t a n o t h e r f r a m e w o r k t h a t m a y d i s a p p e a r . H o w e v e r , I g a v e i t a t r y a n d c o u l d n ’ t b e h a p p i e r . T h e y k e e p i m p r o v i n g t h e f r a m e w o r k i n m e a n i n g f u l w a y s o n a r e g u l a r b a s i s . I t f e e l s v e r y m u c h a l i v e . M a t t h i a s S c h m i d t P r o g r a m m e r G e t t i n g b u y i n o n T a i l w i n d C S S f r o m o u r e n t i r e t e a m o f d e v e l o p e r s t o o k s o m e t i m e a n d d i s c u s s i o n , b u t o n c e w e i m p l e m e n t e d c o m p a n y w i d e , i t h a s m a d e i t a b r e e z e f o r a n y d e v e l o p e r t o j u m p i n t o a n y p r o j e c t a n d q u i c k l y m a k e c h a n g e s / e n h a n c e m e n t s . J e r r e d H u r s t C T O P r i m i t i v e T a i l w i n d C S S h a s a t t h e s a m e t i m e m a d e C S S e n j o y a b l e a n d d r a s t i c a l l y c h a n g e d h o w I b u i l d o u t p r o d u c t s . I t s r a p i d , e f f i c i e n t a n d a n a b s o l u t e j o y t o w o r k w i t h . B r a u n s o n Y a g e r F u l l S t a c k D e v e l o p e r s d e v e l o p m e n t w o r k f l o w . I m g l a d I l i v e i n a u n i v e r s e w h e r e T a i l w i n d e x i s t s . S a n j a y S o u n d a r a j a n F r o n t E n d D e v e l o p e r T a i l w i n d s o l v e s a c o m p l e x p r o b l e m i n a n e l e g a n t w a y . I t p r o v i d e s a r e a d y t o u s e U I , a l l w h i l e n o t c o m p r o m i s i n g o n e n a b l i n g d e v e l o p e r s t o q u i c k l y b u i l d a n y t h i n g i m a g i n a b l e . B r e n t G a r n e r D e v e l o p e r S k i p t o t h e e n d . U s e @ t a i l w i n d c s s . K e n t C . D o d d s D e v e l o p e r a n d E d u c a t o r I w a s b a d a t f r o n t e n d u n t i l I d i s c o v e r e d T a i l w i n d C S S . I h a v e l e a r n t a l o t m o r e a b o u t d e s i g n a n d C S S i t s e l f a f t e r I s t a r t e d w o r k i n g w i t h T a i l w i n d . C r e a t i n g w e b p a g e s i s 5 x f a s t e r n o w . S h r u t i B a l a s a F u l l S t a c k W e b D e v e l o p e r t u s e i t b u t i f I w o u l d u s e s o m e t h i n g I d u s e T a i l w i n d ! P i e t e r L e v e l s M a k e r W i t h T a i l w i n d I c a n o f f e r m y c l i e n t s f a s t e r t u r n a r o u n d t i m e s o n c u s t o m W o r d P r e s s t h e m e s , b o t h f o r i n i t i a l b u i l d s a n d f o r f u t u r e r e v i s i o n s . G r e g S u l l i v a n W o r d P r e s s D e v e l o p e r T h a n k s t o @ t a i l w i n d c s s , C S S s t a r t e d t o m a k e s e n s e t o m e . N u n o M a d u r o C o r e T e a m M e m b e r @ l a r a v e l p h p T a i l w i n d c l i c k e d f o r m e a l m o s t i m m e d i a t e l y . I c a n t p i c t u r e m y s e l f w r i t i n g a n o t h e r B E M c l a s s e v e r a g a i n . H a p p y u s e r s i n c e t h e f i r s t p u b l i c r e l e a s e ! P r o d u c t i v i t y i s a t a n a l l t i m e h i g h , t h a n k s t o @ t a i l w i n d c s s . I g o r R a n d j e l o v i c D e v e l o p e r C S S h a s a l w a y s b e e n t h e h a r d e s t p a r t o f o f f e r i n g a d i g i t a l s e r v i c e . I t m a d e m e f e e l l i k e a b a d d e v e l o p e r . T a i l w i n d g i v e s m e c o n f i d e n c e i n w e b d e v e l o p m e n t a g a i n . T h e i r d o c s a r e m y f i r s t p o r t o f c a l l . D a n M a l o n e F o u n d e r o f @ m a w l a _ i o I t h o u g h t W h y w o u l d I n e e d T a i l w i n d C S S ? I a l r e a d y k n o w C S S a n d u s e B o o t s t r a p , b u t a f t e r g i v i n g i t a t r y I d e c i d e d t o s w i t c h a l l m y p r o j e c t s t o T a i l w i n d . S e r g i o P e r i s D e v O p s E n g i n e e r v e n e v e r f e l t m o r e c o n f i d e n t d e s i g n i n g a n d s t y l i n g w e b s i t e s a n d w e b a p p s t h a n w h e n I v e u s e d T a i l w i n d C S S . G l e n n M e y e r D e v e l o p e r T r i e d i t o n c e , n e v e r l o o k e d b a c k . T a i l w i n d c s s c o n v e r t s i n c e 0 . 7 a n d i t j u s t k e e p s g e t t i n g b e t t e r a n d b e t t e r . J a n D H o l l a n d e r F r o n t E n d D e v e l o p e r I f y o u w o r k a t a n a g e n c y a n d d e a l w i t h h u n d r e d s o f u n i q u e s i t e s , e a c h o f t h e m h a v i n g t h e i r o w n c u s t o m C S S i s a n i g h t m a r e . D o y o u r f u t u r e s e l f a f a v o r a n d u s e T a i l w i n d ! A n d r e w B r o w n B e f o r e T a i l w i n d C S S I w a s b a n g i n g m y h e a d a g a i n s t t h e w a l l t r y i n g t o m a k e s e n s e o f m y C S S s p a g h e t t i . N o w I a m b a n g i n g m y h e a d a g a i n s t t h e w a l l w o n d e r i n g w h y I d i d n ’ t t r y i t e a r l i e r . M y h e a d h u r t s a n d m y w a l l h a s a b i g h o l e i n i t . B u t a t l e a s t u s i n g C S S i s p l e a s a n t a g a i n ! M a r c K ö h l b r u g g e I w a s s k e p t i c a l a t f i r s t a n d r e s i s t e d f o r a l o n g t i m e b u t a f t e r d o i n g t h e f i r s t p r o j e c t s w i t h T a i l w i n d C S S t h i s y e a r , n o r m a l C S S j u s t f e e l s w r o n g a n d s l o w . D a v i d H e l l m a n n D i g i t a l D e s i g n e r s n o w m y g o t o C S S f r a m e w o r k f o r a n y a p p l i c a t i o n , p r o d u c t i o n o r p r o t o t y p e . J o s h u a L o w e D e v e l o p e r T a i l w i n d n o t o n l y m a d e m e a b l e t o f o c u s o n b u i l d i n g g r e a t U I ’ s b u t i t a l s o i m p r o v e d m y o v e r a l l C S S s k i l l s b y h a v i n g s u c h a w o n d e r f u l d o c s s i t e w h e n I n e e d e d t o h a n d w r i t e C S S . J o s h M a n d e r s D e v e l o p e r U s i n g T a i l w i n d i s a n a c c e l e r a n t f o r r a p i d p r o t o t y p i n g d e s i g n s y s t e m s . S t r o n g d o c u m e n t a t i o n , h e l p f u l c o m m u n i t y , a n d i n s t a n t r e s u l t s . I a n G a e n s s l e y D e s i g n O p e r a t i o n s L e a d a t B e t t e r C l o u d I i n s t i n c t i v e l y h a t e d u t i l i t y C S S , b u t T a i l w i n d c o m p l e t e l y c o n v e r t e d m e . I t r e i g n i t e d m y e x c i t e m e n t f o r f r o n t e n d d e v e l o p m e n t a n d i m p l e m e n t i n g c u s t o m d e s i g n s ! J e s s A r c h e r F u l l S t a c k D e v e l o p e r T a i l w i n d C S S b r i d g e s t h e g a p b e t w e e n d e s i g n a n d d e v m o r e t h a n a n y t h i n g e l s e . I t r e i n t r o d u c e s c o n t e x t t o d e v e l o p m e n t , l i m i t s c o g n i t i v e l o a d w i t h c h o i c e a r c h i t e c t u r e , g r a n t s a c c e s s t o a t o k e n l i b r a r y o u t o f t h e b o x a n d i s i n c r e d i b l y e a s y t o p i c k u p . I t h e l p e d m y d e s i g n c a r e e r s o m u c h . C o r e y G i n n i v a n C o F o u n d e r o f F e a t u r e B o a r d W h e n I m w o r k i n g o n a p r o j e c t t h a t i s n t u s i n g T a i l w i n d , f i r s t I y e l l , t h e n I t a k e a d e e p b r e a t h , t h e n I r u n n p m i n s t a l l t a i l w i n d c s s . R y a n C h e n k i e G o i n g b a c k t o a l a r g e w e b s i t e t h a t d o e s n t u s e T a i l w i n d i s l i k e h o p p i n g o u t o f a T e s l a a n d i n t o m y d a d s r u s t e d M i n n e s o t a f a r m t r u c k . S u r e , i t w o r k s , b u t t h e c l u t c h i s s l i p p i n g , t h e b r a k e s b a r e l y w o r k , a n d i t s f i l l e d w i t h o l d t i r e s w e r e n o t e v e n u s i n g a n y m o r e . D a n G a y l e S e n i o r F r o n t E n d D e v e l o p e r @ C r a t e a n d B a r r e l I p u s h e d b a c k h a r d a t t h e m e n t i o n o f T a i l w i n d i n i t i a l l y d u e t o t h e n u m b e r o f c l a s s e s i n m y c o d e h o w e v e r w i t h i n 5 m i n u t e s o r u s i n g i t I w a s h o o k e d a n d n o w a m t h e a n n o y i n g g u y p u s h i n g T a i l w i n d o n a n y o n e w h o w i l l l i s t e n . I t h a s s i m p l i f i e d m y d e v w o r k f l o w b e y o n d m e a s u r e m e n t . D a n B r o o k i n g H e a d E n g i n e e r @ S u b s c r i p t i o n B o x I n e v e r b o t h e r e d t o l e a r n v a n i l l a C S S b e c a u s e i t ’ s a w a s t e o f t i m e — w h y b o t h e r w h e n I h a v e T a i l w i n d i n s t e a d ? T u r n s o u t I l e a r n e d a t o n o f C S S a n y w a y j u s t b y u s i n g T a i l w i n d . I t ’ s s u c h a p e r f e c t m i d d l e g r o u n d b e t w e e n t h o u g h t f u l a b s t r a c t i o n , w h i l e s t i l l l e t t i n g y o u b r e a k f r e e . T r e v o r C a m p b e l l T a i l w i n d a n d t h e e c o s y s t e m a r o u n d i t i s l i k e a g i a n t t u r b o c h a r g e r f o r w e b a g e n c i e s . I t h e l p s t e a m s o f d e v e l o p e r s a n d d e s i g n e r s d e v e l o p a s h a r e d l a n g u a g e a n d s y s t e m o f c o n s t r a i n t s t h a t s p e e d s u p t h e e n t i r e p r o c e s s . I t s a g a m e c h a n g e r f o r e f f i c i e n t t e a m w o r k . J e f f S a g a l F u l l S t a c k D e v e l o p e r T a i l w i n d p r o v i d e s t h e s t y l e o f b e s p o k e d e s i g n , t h e c o n s t r a i n t o f a d e s i g n s y s t e m , a n d t h e f l e x i b i l i t y t o m a k e i t i n f i n i t e l y c u s t o m i z a b l e , w i t h o u t b e i n g s h o e h o r n e d i n t o m a k i n g e v e r y w e b s i t e l o o k l i k e i t w a s c u t f r o m t h e s a m e c l o t h . M i c h a e l D y r y n d a A u s t r a l i a n T a i l w i n d c o m p l e t e l y c h a n g e d m y f r e e l a n c e c a r e e r b y a l l o w i n g m e t o b u i l d o u t c o m p l e t e l y c u s t o m d e s i g n s r e a l l y f a s t w i t h o u t w r i t i n g a n y C S S . J a s o n B e g g s F r o n t E n d D e v e l o p e r U s i n g T a i l w i n d C S S w i l l m a k e y o u f e e l l i k e y o u j u s t u n l o c k e d a c h e a t c o d e . D a v i d P a l u y C T O @ Q u a r t i x E v e r y d e v e l o p e r I ’ v e c o n v i n c e d t o g i v e T a i l w i n d a t r y h a s c o m e b a c k a n d s a i d t h e y a r e n e v e r g o i n g b a c k . E v e r y . S i n g l e . O n e . J a c o b G r a f W e b D e v e l o p e r S h o w m o r e . . . 约 束 成 为 你 的 设 计 系 统 的   A P I 。 工 具 类 （ U t i l i t y c l a s s e s ） 能 够 为 你 提 供 一 套 约 束 系 统 ， 避 免 让 你 的 样 式 表 中 出 现 随 意 的 取 值 。 它 让 颜 色 、 间 距 、 排 版 、 阴 影 以 及 一 切 属 性 的 取 值 保 持 一 致 ， 并 最 终 形 成 一 个 精 心 构 建 的 设 计 系 统 。 了 解 更 多 关 于 工 具 类 优 先 （ u t i l i t y f i r s t ） 的 基 本 原 理 S i z i n g C o l o r s T y p o g r a p h y S h a d o w s w 9 6 w 8 0 w 7 2 w 6 4 w 6 0 w 5 6 w 5 2 w 4 8 w 6 4 w 6 0 w 5 6 w 5 2 w 4 8 w 4 4 w 4 0 w 3 6 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 d i v c l a s s = s p a c e y 4 > d i v c l a s s = w 9 6 b g w h i t e s h a d o w r o u n d e d > w 9 6 d i v > d i v c l a s s = w 8 0 b g w h i t e s h a d o w r o u n d e d > w 8 0 d i v > d i v c l a s s = w 7 2 b g w h i t e s h a d o w r o u n d e d > w 7 2 d i v > d i v c l a s s = w 6 4 b g w h i t e s h a d o w r o u n d e d > w 6 4 d i v > d i v c l a s s = w 6 0 b g w h i t e s h a d o w r o u n d e d > w 6 0 d i v > d i v c l a s s = w 5 6 b g w h i t e s h a d o w r o u n d e d > w 5 6 d i v > d i v c l a s s = w 5 2 b g w h i t e s h a d o w r o u n d e d > w 5 2 d i v > d i v c l a s s = w 4 8 b g w h i t e s h a d o w r o u n d e d > w 4 8 d i v > d i v > 实 现 你 所 想 你 所 想 的 就 能 实 现 。 真 没 夸 张 。 由 于 T a i l w i n d 抽 象 层 级 较 低 ， 因 此 它 从 不 鼓 励 将 同 一 个 设 计 应 用 到 两 个 网 站 上 。 即 使 使 用 相 同 的 调 色 板 （ c o l o r p a l e t t e ） 和 尺 寸 设 置 ， 也 能 很 容 易 地 让 同 样 的 组 件 具 有 完 全 不 同 的 外 观 。 开 始 安 装 T a i l w i n d S i m p l e P l a y f u l E l e g a n t B r u t a l i s t 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 2 8 2 9 3 0 3 1 3 2 3 3 3 4 3 5 3 6 3 7 3 8 3 9 4 0 4 1 4 2 4 3 4 4 4 5 4 6 4 7 4 8 4 9 5 0 5 1 5 2 5 3 5 4 5 5 5 6 5 7 5 8 5 9 6 0 6 1 6 2 6 3 6 4 6 5 6 6 6 7 6 8 6 9 7 0 7 1 d i v c l a s s = f l e x f o n t s a n s > d i v c l a s s = f l e x n o n e w 4 8 r e l a t i v e > i m g s r c = / c l a s s i c u t i l i t y j a c k e t . j p g a l t = c l a s s = a b s o l u t e i n s e t 0 w f u l l h f u l l o b j e c t c o v e r l o a d i n g = l a z y / > d i v > f o r m c l a s s = f l e x a u t o p 6 > d i v c l a s s = f l e x f l e x w r a p > h 1 c l a s s = f l e x a u t o t e x t l g f o n t s e m i b o l d t e x t s l a t e 9 0 0 > C l a s s i c U t i l i t y J a c k e t h 1 > d i v c l a s s = t e x t l g f o n t s e m i b o l d t e x t s l a t e 5 0 0 > $ 1 1 0 . 0 0 d i v > d i v c l a s s = w f u l l f l e x n o n e t e x t s m f o n t m e d i u m t e x t s l a t e 7 0 0 m t 2 > I n s t o c k d i v > d i v > d i v c l a s s = f l e x i t e m s b a s e l i n e m t 4 m b 6 p b 6 b o r d e r b b o r d e r s l a t e 2 0 0 > d i v c l a s s = s p a c e x 2 f l e x t e x t s m > l a b e l > i n p u t c l a s s = s r o n l y p e e r n a m e = s i z e t y p e = r a d i o v a l u e = x s c h e c k e d / > d i v c l a s s = w 9 h 9 r o u n d e d l g f l e x i t e m s c e n t e r j u s t i f y c e n t e r t e x t s l a t e 7 0 0 p e e r c h e c k e d : f o n t s e m i b o l d p e e r c h e c k e d : b g s l a t e 9 0 0 p e e r c h e c k e d : t e x t w h i t e > X S d i v > l a b e l > l a b e l > i n p u t c l a s s = s r o n l y p e e r n a m e = s i z e t y p e = r a d i o v a l u e = s / > d i v c l a s s = w 9 h 9 r o u n d e d l g f l e x i t e m s c e n t e r j u s t i f y c e n t e r t e x t s l a t e 7 0 0 p e e r c h e c k e d : f o n t s e m i b o l d p e e r c h e c k e d : b g s l a t e 9 0 0 p e e r c h e c k e d : t e x t w h i t e > S d i v > l a b e l > l a b e l > i n p u t c l a s s = s r o n l y p e e r n a m e = s i z e t y p e = r a d i o v a l u e = m / > d i v c l a s s = w 9 h 9 r o u n d e d l g f l e x i t e m s c e n t e r j u s t i f y c e n t e r t e x t s l a t e 7 0 0 p e e r c h e c k e d : f o n t s e m i b o l d p e e r c h e c k e d : b g s l a t e 9 0 0 p e e r c h e c k e d : t e x t w h i t e > M d i v > l a b e l > l a b e l > i n p u t c l a s s = s r o n l y p e e r n a m e = s i z e t y p e = r a d i o v a l u e = l / > d i v c l a s s = w 9 h 9 r o u n d e d l g f l e x i t e m s c e n t e r j u s t i f y c e n t e r t e x t s l a t e 7 0 0 p e e r c h e c k e d : f o n t s e m i b o l d p e e r c h e c k e d : b g s l a t e 9 0 0 p e e r c h e c k e d : t e x t w h i t e > L d i v > l a b e l > l a b e l > i n p u t c l a s s = s r o n l y p e e r n a m e = s i z e t y p e = r a d i o v a l u e = x l / > d i v c l a s s = w 9 h 9 r o u n d e d l g f l e x i t e m s c e n t e r j u s t i f y c e n t e r t e x t s l a t e 7 0 0 p e e r c h e c k e d : f o n t s e m i b o l d p e e r c h e c k e d : b g s l a t e 9 0 0 p e e r c h e c k e d : t e x t w h i t e > X L d i v > l a b e l > d i v > d i v > d i v c l a s s = f l e x s p a c e x 4 m b 6 t e x t s m f o n t m e d i u m > d i v c l a s s = f l e x a u t o f l e x s p a c e x 4 > b u t t o n c l a s s = h 1 0 p x 6 f o n t s e m i b o l d r o u n d e d m d b g b l a c k t e x t w h i t e t y p e = s u b m i t > B u y n o w b u t t o n > b u t t o n c l a s s = h 1 0 p x 6 f o n t s e m i b o l d r o u n d e d m d b o r d e r b o r d e r s l a t e 2 0 0 t e x t s l a t e 9 0 0 t y p e = b u t t o n > A d d t o b a g b u t t o n > d i v > b u t t o n c l a s s = f l e x n o n e f l e x i t e m s c e n t e r j u s t i f y c e n t e r w 9 h 9 r o u n d e d m d t e x t s l a t e 3 0 0 b o r d e r b o r d e r s l a t e 2 0 0 t y p e = b u t t o n a r i a l a b e l = L i k e > s v g w i d t h = 2 0 h e i g h t = 2 0 f i l l = c u r r e n t C o l o r a r i a h i d d e n = t r u e > p a t h f i l l r u l e = e v e n o d d c l i p r u l e = e v e n o d d d = M 3 . 1 7 2 5 . 1 7 2 a 4 4 0 0 1 5 . 6 5 6 0 L 1 0 6 . 3 4 3 l 1 . 1 7 2 1 . 1 7 1 a 4 4 0 1 1 5 . 6 5 6 5 . 6 5 6 L 1 0 1 7 . 6 5 7 l 6 . 8 2 8 6 . 8 2 9 a 4 4 0 0 1 0 5 . 6 5 6 z / > s v g > b u t t o n > d i v > p c l a s s = t e x t s m t e x t s l a t e 7 0 0 > F r e e s h i p p i n g o n a l l c o n t i n e n t a l U S o r d e r s . p > f o r m > d i v > P e r f o r m a n c e 体 积 小 绝 不 包 含 任 何 用 不 到 的 C S S 代 码 。 T a i l w i n d 会 在 针 对 生 产 环 境 进 行 构 建 时 自 动 删 除 所 有 未 使 用 到 的 C S S 代 码 ， 也 就 是 说 你 所 获 得 的 最 终 的 C S S 代 码 包 的 尺 寸 是 最 小 的 。 事 实 上 ， 大 部 分 T a i l w i n d 项 目 所 生 成 的 C S S 代 码 包 都 小 于 1 0 k B 。 L e a r n m o r e , o p t i m i z i n g f o r p r o d u c t i o n i n d e x . h t m l t a i l w i n d . c o n f i g . j s p a c k a g e . j s o n 1 D O C T Y P E h t m l > 2 h t m l l a n g = e n > 3 h e a d > 4 m e t a c h a r s e t = U T F 8 > 5 m e t a n a m e = v i e w p o r t c o n t e n t = w i d t h = d e v i c e w i d t h , i n i t i a l s c a l e = 1 . 0 > 6 t i t l e > D o c u m e n t t i t l e > 7 l i n k r e l = s t y l e s h e e t h r e f = / b u i l d . c s s > 8 h e a d > 9 b o d y > 1 0 b u t t o n c l a s s = > b u t t o n > 1 1 b o d y > 1 2 h t m l > 1 3 b u i l d . c s s 1 T e r m i n a l n p x t a i l w i n d c s s o o u t p u t b u i l d . c s s c o n t e n t i n d e x . h t m l w w a t c h 移 动 设 备 优 先 响 应 式 设 计 贯 穿 整 个 框 架 。 在 C S S 中 处 理 一 大 堆 复 杂 的 媒 体 查 询 （ m e d i a q u e r i e s ） 是 很 糟 糕 的 ， 而 T a i l w i n d 能 够 让 你 在 H T M L 中 直 接 支 持 响 应 式 设 计 。 在 任 何 工 具 类 前 面 添 加 一 个 代 表 屏 幕 尺 寸 的 前 缀 ， 然 后 就 能 看 到 它 神 奇 地 作 用 到 某 个 特 定 的 断 点 （ b r e a k p o i n t ） 上 了 。 了 解 更 多 关 于 响 应 式 设 计 的 内 容 s m m d l g x l 2 x l w o r k c a t i o n . c o m T a i l w i n d U I O f f i c i a l T a i l w i n d C S S C o m p o n e n t s W o r k c a t i o n F i n d a t r i p t h a t s u i t s y o u H e a d l e s s U I – U n s t y l e d , f u l l y a c c e s s i b l e U I c o m p o n e n t s 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 2 8 2 9 3 0 3 1 3 2 3 3 3 4 3 5 3 6 3 7 3 8 3 9 4 0 m a i n c l a s s = p y 6 p x 4 s m : p 6 m d : p y 1 0 m d : p x 8 > d i v c l a s s = m a x w 4 x l m x a u t o g r i d g r i d c o l s 1 l g : m a x w 5 x l l g : g a p x 2 0 l g : g r i d c o l s 2 > d i v c l a s s = r e l a t i v e p 3 c o l s t a r t 1 r o w s t a r t 1 f l e x f l e x c o l r e v e r s e r o u n d e d l g b g g r a d i e n t t o t f r o m b l a c k / 7 5 v i a b l a c k / 0 s m : b g n o n e s m : r o w s t a r t 2 s m : p 0 l g : r o w s t a r t 1 > h 1 c l a s s = m t 1 t e x t l g f o n t s e m i b o l d t e x t w h i t e s m : t e x t s l a t e 9 0 0 m d : t e x t 2 x l d a r k : s m : t e x t w h i t e > B e a c h H o u s e i n C o l l i n g w o o d h 1 > p c l a s s = t e x t s m l e a d i n g 4 f o n t m e d i u m t e x t w h i t e s m : t e x t s l a t e 5 0 0 d a r k : s m : t e x t s l a t e 4 0 0 > E n t i r e h o u s e p > d i v > d i v c l a s s = g r i d g a p 4 c o l s t a r t 1 c o l e n d 3 r o w s t a r t 1 s m : m b 6 s m : g r i d c o l s 4 l g : g a p 6 l g : c o l s t a r t 2 l g : r o w e n d 6 l g : r o w s p a n 6 l g : m b 0 > i m g s r c = / b e a c h h o u s e . j p g a l t = c l a s s = w f u l l h 6 0 o b j e c t c o v e r r o u n d e d l g s m : h 5 2 s m : c o l s p a n 2 l g : c o l s p a n f u l l l o a d i n g = l a z y > i m g s r c = / b e a c h h o u s e i n t e r i o r 1 . j p g a l t = c l a s s = h i d d e n w f u l l h 5 2 o b j e c t c o v e r r o u n d e d l g s m : b l o c k s m : c o l s p a n 2 m d : c o l s p a n 1 l g : r o w s t a r t 2 l g : c o l s p a n 2 l g : h 3 2 l o a d i n g = l a z y > i m g s r c = / b e a c h h o u s e i n t e r i o r 2 . j p g a l t = c l a s s = h i d d e n w f u l l h 5 2 o b j e c t c o v e r r o u n d e d l g m d : b l o c k l g : r o w s t a r t 2 l g : c o l s p a n 2 l g : h 3 2 l o a d i n g = l a z y > d i v > d l c l a s s = m t 4 t e x t x s f o n t m e d i u m f l e x i t e m s c e n t e r r o w s t a r t 2 s m : m t 1 s m : r o w s t a r t 3 m d : m t 2 . 5 l g : r o w s t a r t 2 > d t c l a s s = s r o n l y > R e v i e w s d t > d d c l a s s = t e x t i n d i g o 6 0 0 f l e x i t e m s c e n t e r d a r k : t e x t i n d i g o 4 0 0 > s v g w i d t h = 2 4 h e i g h t = 2 4 f i l l = n o n e a r i a h i d d e n = t r u e c l a s s = m r 1 s t r o k e c u r r e n t d a r k : s t r o k e i n d i g o 5 0 0 > p a t h d = m 1 2 5 2 5 h 5 l 4 4 2 . 1 0 3 5 L 1 2 1 6 l 5 . 1 0 3 3 L 9 1 4 l 4 4 h 5 l 2 5 Z s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > s v g > s p a n > 4 . 8 9 s p a n c l a s s = t e x t s l a t e 4 0 0 f o n t n o r m a l > ( 1 2 8 ) s p a n > s p a n > d d > d t c l a s s = s r o n l y > L o c a t i o n d t > d d c l a s s = f l e x i t e m s c e n t e r > s v g w i d t h = 2 h e i g h t = 2 a r i a h i d d e n = t r u e f i l l = c u r r e n t C o l o r c l a s s = m x 3 t e x t s l a t e 3 0 0 > c i r c l e c x = 1 c y = 1 r = 1 / > s v g > s v g w i d t h = 2 4 h e i g h t = 2 4 f i l l = n o n e s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d c l a s s = m r 1 t e x t s l a t e 4 0 0 d a r k : t e x t s l a t e 5 0 0 a r i a h i d d e n = t r u e > p a t h d = M 1 8 1 1 . 0 3 4 C 1 8 1 4 . 8 9 7 1 2 1 9 1 2 1 9 s 6 4 . 1 0 3 6 7 . 9 6 6 C 6 7 . 6 5 5 8 . 8 1 9 5 1 2 5 s 6 2 . 6 5 5 6 6 . 0 3 4 Z / > p a t h d = M 1 4 1 1 a 2 2 0 1 1 4 0 2 2 0 0 1 4 0 Z / > s v g > C o l l i n g w o o d , O n t a r i o d d > d l > d i v c l a s s = m t 4 c o l s t a r t 1 r o w s t a r t 3 s e l f c e n t e r s m : m t 0 s m : c o l s t a r t 2 s m : r o w s t a r t 2 s m : r o w s p a n 2 l g : m t 6 l g : c o l s t a r t 1 l g : r o w s t a r t 3 l g : r o w e n d 4 > b u t t o n t y p e = b u t t o n c l a s s = b g i n d i g o 6 0 0 t e x t w h i t e t e x t s m l e a d i n g 6 f o n t m e d i u m p y 2 p x 3 r o u n d e d l g > C h e c k a v a i l a b i l i t y b u t t o n > d i v > p c l a s s = m t 4 t e x t s m l e a d i n g 6 c o l s t a r t 1 s m : c o l s p a n 2 l g : m t 6 l g : r o w s t a r t 4 l g : c o l s p a n 1 d a r k : t e x t s l a t e 4 0 0 > T h i s s u n n y a n d s p a c i o u s r o o m i s f o r t h o s e t r a v e l i n g l i g h t a n d l o o k i n g f o r a c o m f y a n d c o s y p l a c e t o l a y t h e i r h e a d f o r a n i g h t o r t w o . T h i s b e a c h h o u s e s i t s i n a v i b r a n t n e i g h b o r h o o d l i t t e r e d w i t h c a f e s , p u b s , r e s t a u r a n t s a n d s u p e r m a r k e t s a n d i s c l o s e t o a l l t h e m a j o r a t t r a c t i o n s s u c h a s E d i n b u r g h C a s t l e a n d A r t h u r s S e a t . p > d i v > m a i n > 各 种 状 态 鼠 标 悬 停 和 焦 点 状 态 ？ 也 支 持 啊 。 需 要 对 鼠 标 悬 停 的 页 面 元 素 设 置 一 些 特 殊 的 样 式 吗 ？ 将 h o v e r : 前 缀 添 加 到 你 所 要 使 用 的 C S S 类 的 名 称 前 面 即 可 。 支 持 f o c u s 、 a c t i v e 、 d i s a b l e d 、 f o c u s w i t h i n 、 f o c u s v i s i b l e 以 及 我 们 自 己 所 创 造 的 一 些 奇 妙 的 状 态 ， 例 如 g r o u p h o v e r 。 了 解 更 多 有 关 处 理 鼠 标 悬 停 、 焦 点 以 及 其 他 状 态 的 信 息 P r o j e c t s N e w T i t l e A P I I n t e g r a t i o n C a t e g o r y E n g i n e e r i n g U s e r s T i t l e N e w B e n e f i t s P l a n C a t e g o r y H u m a n R e s o u r c e s U s e r s T i t l e O n b o a r d i n g E m a i l s C a t e g o r y C u s t o m e r S u c c e s s U s e r s N e w p r o j e c t 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 2 8 2 9 3 0 3 1 3 2 3 3 3 4 3 5 3 6 3 7 3 8 3 9 4 0 4 1 4 2 4 3 4 4 4 5 4 6 4 7 4 8 4 9 5 0 5 1 5 2 s e c t i o n > h e a d e r c l a s s = b g w h i t e s p a c e y 4 p 4 s m : p x 8 s m : p y 6 l g : p 4 x l : p x 8 x l : p y 6 > d i v c l a s s = f l e x i t e m s c e n t e r j u s t i f y b e t w e e n > h 2 c l a s s = f o n t s e m i b o l d t e x t s l a t e 9 0 0 > P r o j e c t s h 2 > a h r e f = / n e w c l a s s = h o v e r : b g b l u e 4 0 0 g r o u p f l e x i t e m s c e n t e r r o u n d e d m d b g b l u e 5 0 0 t e x t w h i t e t e x t s m f o n t m e d i u m p l 2 p r 3 p y 2 s h a d o w s m > s v g w i d t h = 2 0 h e i g h t = 2 0 f i l l = c u r r e n t C o l o r c l a s s = m r 2 a r i a h i d d e n = t r u e > p a t h d = M 1 0 5 a 1 1 0 0 1 1 1 v 3 h 3 a 1 1 0 1 1 0 2 h 3 v 3 a 1 1 0 1 1 2 0 v 3 H 6 a 1 1 0 1 1 0 2 h 3 V 6 a 1 1 0 0 1 1 1 Z / > s v g > N e w a > d i v > f o r m c l a s s = g r o u p r e l a t i v e > s v g w i d t h = 2 0 h e i g h t = 2 0 f i l l = c u r r e n t C o l o r c l a s s = a b s o l u t e l e f t 3 t o p 1 / 2 m t 2 . 5 t e x t s l a t e 4 0 0 p o i n t e r e v e n t s n o n e g r o u p f o c u s w i t h i n : t e x t b l u e 5 0 0 a r i a h i d d e n = t r u e > p a t h f i l l r u l e = e v e n o d d c l i p r u l e = e v e n o d d d = M 8 4 a 4 4 0 1 0 0 8 4 4 0 0 0 0 8 z M 2 8 a 6 6 0 1 1 1 0 . 8 9 3 . 4 7 6 l 4 . 8 1 7 4 . 8 1 7 a 1 1 0 0 1 1 . 4 1 4 1 . 4 1 4 l 4 . 8 1 6 4 . 8 1 6 A 6 6 0 0 1 2 8 z / > s v g > i n p u t c l a s s = f o c u s : r i n g 2 f o c u s : r i n g b l u e 5 0 0 f o c u s : o u t l i n e n o n e a p p e a r a n c e n o n e w f u l l t e x t s m l e a d i n g 6 t e x t s l a t e 9 0 0 p l a c e h o l d e r s l a t e 4 0 0 r o u n d e d m d p y 2 p l 1 0 r i n g 1 r i n g s l a t e 2 0 0 s h a d o w s m t y p e = t e x t a r i a l a b e l = F i l t e r p r o j e c t s p l a c e h o l d e r = F i l t e r p r o j e c t s . . . > f o r m > h e a d e r > u l c l a s s = b g s l a t e 5 0 p 4 s m : p x 8 s m : p t 6 s m : p b 8 l g : p 4 x l : p x 8 x l : p t 6 x l : p b 8 g r i d g r i d c o l s 1 s m : g r i d c o l s 2 l g : g r i d c o l s 1 x l : g r i d c o l s 2 g a p 4 t e x t s m l e a d i n g 6 > l i x f o r = p r o j e c t i n p r o j e c t s > a : h r e f = p r o j e c t . u r l c l a s s = h o v e r : b g b l u e 5 0 0 h o v e r : r i n g b l u e 5 0 0 h o v e r : s h a d o w m d g r o u p r o u n d e d m d p 3 b g w h i t e r i n g 1 r i n g s l a t e 2 0 0 s h a d o w s m > d l c l a s s = g r i d s m : b l o c k l g : g r i d x l : b l o c k g r i d c o l s 2 g r i d r o w s 2 i t e m s c e n t e r > d i v > d t c l a s s = s r o n l y > T i t l e d t > d d c l a s s = g r o u p h o v e r : t e x t w h i t e f o n t s e m i b o l d t e x t s l a t e 9 0 0 > d d > d i v > d i v > d t c l a s s = s r o n l y > C a t e g o r y d t > d d c l a s s = g r o u p h o v e r : t e x t b l u e 2 0 0 > d d > d i v > d i v c l a s s = c o l s t a r t 2 r o w s t a r t 1 r o w e n d 3 s m : m t 4 l g : m t 0 x l : m t 4 > d t c l a s s = s r o n l y > U s e r s d t > d d x f o r = u s e r i n p r o j e c t . u s e r s c l a s s = f l e x j u s t i f y e n d s m : j u s t i f y s t a r t l g : j u s t i f y e n d x l : j u s t i f y s t a r t s p a c e x 1 . 5 > i m g : s r c = u s e r . a v a t a r : a l t = u s e r . n a m e c l a s s = w 6 h 6 r o u n d e d f u l l b g s l a t e 1 0 0 r i n g 2 r i n g w h i t e l o a d i n g = l a z y > d d > d i v > d l > a > l i > l i c l a s s = f l e x > a h r e f = / n e w c l a s s = h o v e r : b o r d e r b l u e 5 0 0 h o v e r : b o r d e r s o l i d h o v e r : b g w h i t e h o v e r : t e x t b l u e 5 0 0 g r o u p w f u l l f l e x f l e x c o l i t e m s c e n t e r j u s t i f y c e n t e r r o u n d e d m d b o r d e r 2 b o r d e r d a s h e d b o r d e r s l a t e 3 0 0 t e x t s m l e a d i n g 6 t e x t s l a t e 9 0 0 f o n t m e d i u m p y 3 > s v g c l a s s = g r o u p h o v e r : t e x t b l u e 5 0 0 m b 1 t e x t s l a t e 4 0 0 w i d t h = 2 0 h e i g h t = 2 0 f i l l = c u r r e n t C o l o r a r i a h i d d e n = t r u e > p a t h d = M 1 0 5 a 1 1 0 0 1 1 1 v 3 h 3 a 1 1 0 1 1 0 2 h 3 v 3 a 1 1 0 1 1 2 0 v 3 H 6 a 1 1 0 1 1 0 2 h 3 V 6 a 1 1 0 0 1 1 1 Z / > s v g > N e w p r o j e c t a > l i > u l > s e c t i o n > 组 件 驱 动 担 心 冗 余 ？ 不 必 。 如 果 你 发 现 一 遍 又 一 遍 地 重 复 使 用 同 一 组 工 具 类 的 话 ， 那 你 所 需 要 做 的 是 将 它 们 提 取 到 一 个 组 件 或 模 板 中 ， 然 后 你 就 可 以 将 它 们 放 到 一 个 统 一 的 地 方 就 行 修 改 了 。 了 解 更 多 关 于 样 式 重 用 的 信 息 R e a c t V u e A n g u l a r B l a d e N e w R e l e a s e s T o p R a t e d V i n c e n t ’ s P i c k s P r o g n o s i s N e g a t i v e S t a r r a t i n g 2 . 6 6 R a t i n g P G 1 3 Y e a r 2 0 2 1 G e n r e C o m e d y R u n t i m e 1 h 4 6 m C a s t S i m o n P e g g , Z a c h G a l i f i a n a k i s R o c h e l l e , R o c h e l l e S t a r r a t i n g 3 . 2 5 R a t i n g R Y e a r 2 0 2 0 G e n r e R o m a n c e R u n t i m e 1 h 5 6 m C a s t E m i l i a C l a r k e D e a t h B l o w S t a r r a t i n g 4 . 9 5 R a t i n g 1 8 A Y e a r 2 0 2 0 G e n r e A c t i o n R u n t i m e 2 h 5 m C a s t I d r i s E l b a , J o h n C e n a , T h a n d i w e N e w t o n M o v i e s . j s N a v . j s N a v I t e m . j s L i s t . j s L i s t I t e m . j s 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 i m p o r t N a v f r o m . / N a v . j s i m p o r t N a v I t e m f r o m . / N a v I t e m . j s i m p o r t L i s t f r o m . / L i s t . j s i m p o r t L i s t I t e m f r o m . / L i s t I t e m . j s e x p o r t d e f a u l t f u n c t i o n M o v i e s ( ) m o v i e = / > ) ) } L i s t > d i v > ) } 不 想 涉 足 组 件 框 架 的 世 界 ？ 利 用 T a i l w i n d 内 置 的 @ a p p l y 指 令 ， 可 以 通 过 复 制 、 粘 贴 类 名 列 表 的 方 式 将 一 系 列 工 具 类 所 对 应 的 C S S 代 码 提 取 到 自 定 义 类 中 。 了 解 更 多 关 于 样 式 重 用 的 信 息 W e e k l y o n e o n o n e D a t e a n d t i m e T h u N o v 1 5 , 2 0 2 0 1 0 : 0 0 a m 1 1 : 0 0 a m E S T L o c a t i o n K i t c h e n e r , O N D e s c r i p t i o n N o m e e t i n g d e s c r i p t i o n A t t e n d e e s A n d r e w M c D o n a l d D e c l i n e A c c e p t s t y l e s . c s s 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 . b t n . b t n p r i m a r y . b t n s e c o n d a r y i n d e x . h t m l 3 1 3 2 3 3 3 4 3 5 3 6 3 7 3 8 3 9 d d > d i v > d l > f o o t e r c l a s s = g r i d g r i d c o l s 2 g a p x 6 > b u t t o n c l a s s = b t n b t n s e c o n d a r y > D e c l i n e b u t t o n > b u t t o n c l a s s = b t n b t n p r i m a r y > A c c e p t b u t t o n > f o o t e r > a r t i c l e > 夜 间 模 式 （ D a r k m o d e ） 现 在 就 使 用 夜 间 模 式 吧 。 你 也 不 希 望 用 户 在 凌 晨 两 点 用 手 机 打 开 你 的 网 站 ， 被 刺 眼 的 白 光 晃 瞎 双 眼 吧 ？ 在 配 置 文 件 中 开 启 夜 间 模 式 ， 然 后 将 d a r k : 前 缀 添 加 到 任 何 代 表 颜 色 的 工 具 类 名 称 前 面 ， 就 能 支 持 夜 间 模 式 了 。 此 功 能 支 持 背 景 色 （ b a c k g r o u n d c o l o r s ） 、 文 本 颜 色 （ t e x t c o l o r s ） 、 边 框 颜 色 （ b o r d e r c o l o r s ） 以 及 渐 变 色 （ g r a d i e n t s ） 。 了 解 更 多 关 于 夜 间 模 式 的 信 息 D i s a b l e d a r k m o d e E p . 1 2 8 S c a l i n g C S S a t H e r o k u w i t h U t i l i t y C l a s s e s F u l l S t a c k R a d i o 2 4 : 1 6 7 5 : 5 0 1 x 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 2 8 2 9 3 0 3 1 3 2 3 3 3 4 3 5 3 6 3 7 3 8 3 9 4 0 4 1 4 2 4 3 4 4 4 5 4 6 4 7 4 8 4 9 5 0 5 1 5 2 5 3 5 4 5 5 5 6 5 7 5 8 5 9 6 0 6 1 6 2 6 3 6 4 6 5 6 6 6 7 6 8 6 9 7 0 7 1 7 2 7 3 7 4 7 5 d i v c l a s s = b g w h i t e b o r d e r s l a t e 1 0 0 d a r k : b g s l a t e 8 0 0 d a r k : b o r d e r s l a t e 5 0 0 b o r d e r b r o u n d e d t x l p 4 p b 6 s m : p 1 0 s m : p b 8 l g : p 6 x l : p 1 0 x l : p b 8 s p a c e y 6 s m : s p a c e y 8 l g : s p a c e y 6 x l : s p a c e y 8 > d i v c l a s s = f l e x i t e m s c e n t e r s p a c e x 4 > i m g s r c = / f u l l s t a c k r a d i o . p n g a l t = w i d t h = 8 8 h e i g h t = 8 8 c l a s s = f l e x n o n e r o u n d e d l g b g s l a t e 1 0 0 l o a d i n g = l a z y / > d i v c l a s s = m i n w 0 f l e x a u t o s p a c e y 1 f o n t s e m i b o l d > p c l a s s = t e x t c y a n 5 0 0 d a r k : t e x t c y a n 4 0 0 t e x t s m l e a d i n g 6 > a b b r t i t l e = E p i s o d e > E p . a b b r > 1 2 8 p > h 2 c l a s s = t e x t s l a t e 5 0 0 d a r k : t e x t s l a t e 4 0 0 t e x t s m l e a d i n g 6 t r u n c a t e > S c a l i n g C S S a t H e r o k u w i t h U t i l i t y C l a s s e s h 2 > p c l a s s = t e x t s l a t e 9 0 0 d a r k : t e x t s l a t e 5 0 t e x t l g > F u l l S t a c k R a d i o p > d i v > d i v > d i v c l a s s = s p a c e y 2 > d i v c l a s s = r e l a t i v e > d i v c l a s s = b g s l a t e 1 0 0 d a r k : b g s l a t e 7 0 0 r o u n d e d f u l l o v e r f l o w h i d d e n > d i v c l a s s = b g c y a n 5 0 0 d a r k : b g c y a n 4 0 0 w 1 / 2 h 2 r o l e = p r o g r e s s b a r a r i a l a b e l = m u s i c p r o g r e s s a r i a v a l u e n o w = 1 4 5 6 a r i a v a l u e m i n = 0 a r i a v a l u e m a x = 4 5 5 0 > d i v > d i v > d i v c l a s s = r i n g c y a n 5 0 0 d a r k : r i n g c y a n 4 0 0 r i n g 2 a b s o l u t e l e f t 1 / 2 t o p 1 / 2 w 4 h 4 m t 2 m l 2 f l e x i t e m s c e n t e r j u s t i f y c e n t e r b g w h i t e r o u n d e d f u l l s h a d o w > d i v c l a s s = w 1 . 5 h 1 . 5 b g c y a n 5 0 0 d a r k : b g c y a n 4 0 0 r o u n d e d f u l l r i n g 1 r i n g i n s e t r i n g s l a t e 9 0 0 / 5 > d i v > d i v > d i v > d i v c l a s s = f l e x j u s t i f y b e t w e e n t e x t s m l e a d i n g 6 f o n t m e d i u m t a b u l a r n u m s > d i v c l a s s = t e x t c y a n 5 0 0 d a r k : t e x t s l a t e 1 0 0 > 2 4 : 1 6 d i v > d i v c l a s s = t e x t s l a t e 5 0 0 d a r k : t e x t s l a t e 4 0 0 > 7 5 : 5 0 d i v > d i v > d i v > d i v > d i v c l a s s = b g s l a t e 5 0 t e x t s l a t e 5 0 0 d a r k : b g s l a t e 6 0 0 d a r k : t e x t s l a t e 2 0 0 r o u n d e d b x l f l e x i t e m s c e n t e r > d i v c l a s s = f l e x a u t o f l e x i t e m s c e n t e r j u s t i f y e v e n l y > b u t t o n t y p e = b u t t o n a r i a l a b e l = A d d t o f a v o r i t e s > s v g w i d t h = 2 4 h e i g h t = 2 4 > p a t h d = M 7 6 . 9 3 1 C 7 5 . 8 6 5 7 . 8 5 3 5 8 . 9 0 5 5 h 6 . 1 9 C 1 6 . 1 4 7 5 1 7 5 . 8 6 5 1 7 6 . 9 3 1 V 1 9 l 5 4 5 4 V 6 . 9 3 1 Z f i l l = c u r r e n t C o l o r s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > s v g > b u t t o n > b u t t o n t y p e = b u t t o n c l a s s = h i d d e n s m : b l o c k l g : h i d d e n x l : b l o c k a r i a l a b e l = P r e v i o u s > s v g w i d t h = 2 4 h e i g h t = 2 4 f i l l = n o n e > p a t h d = m 1 0 1 2 8 6 v 1 2 l 8 6 Z f i l l = c u r r e n t C o l o r s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > p a t h d = M 6 6 v 1 2 s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > s v g > b u t t o n > b u t t o n t y p e = b u t t o n a r i a l a b e l = R e w i n d 1 0 s e c o n d s > s v g w i d t h = 2 4 h e i g h t = 2 4 f i l l = n o n e > p a t h d = M 6 . 4 9 2 1 6 . 9 5 c 2 . 8 6 1 2 . 7 3 3 7 . 5 2 . 7 3 3 1 0 . 3 6 2 0 2 . 8 6 1 2 . 7 3 4 2 . 8 6 1 7 . 1 6 6 0 9 . 9 2 . 8 6 2 2 . 7 3 3 7 . 5 0 1 2 . 7 3 3 1 0 . 3 6 2 0 A 7 . 0 9 6 7 . 0 9 6 0 0 0 5 . 5 8 . 2 2 6 s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > p a t h d = M 5 5 v 3 . 1 1 1 c 0 . 4 9 1 . 3 9 8 . 8 8 9 . 8 8 9 . 8 8 9 H 9 s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > s v g > b u t t o n > d i v > b u t t o n t y p e = b u t t o n c l a s s = b g w h i t e t e x t s l a t e 9 0 0 d a r k : b g s l a t e 1 0 0 d a r k : t e x t s l a t e 7 0 0 f l e x n o n e m y 2 m x a u t o w 2 0 h 2 0 r o u n d e d f u l l r i n g 1 r i n g s l a t e 9 0 0 / 5 s h a d o w m d f l e x i t e m s c e n t e r j u s t i f y c e n t e r a r i a l a b e l = P a u s e > s v g w i d t h = 3 0 h e i g h t = 3 2 f i l l = c u r r e n t C o l o r > r e c t x = 6 y = 4 w i d t h = 4 h e i g h t = 2 4 r x = 2 / > r e c t x = 2 0 y = 4 w i d t h = 4 h e i g h t = 2 4 r x = 2 / > s v g > b u t t o n > d i v c l a s s = f l e x a u t o f l e x i t e m s c e n t e r j u s t i f y e v e n l y > b u t t o n t y p e = b u t t o n a r i a l a b e l = S k i p 1 0 s e c o n d s > s v g w i d t h = 2 4 h e i g h t = 2 4 f i l l = n o n e > p a t h d = M 1 7 . 5 0 9 1 6 . 9 5 c 2 . 8 6 2 2 . 7 3 3 7 . 5 0 1 2 . 7 3 3 1 0 . 3 6 3 0 2 . 8 6 1 2 . 7 3 4 2 . 8 6 1 7 . 1 6 6 0 9 . 9 2 . 8 6 2 2 . 7 3 3 7 . 5 0 1 2 . 7 3 3 1 0 . 3 6 3 0 . 3 8 . 3 6 5 . 7 1 1 . 7 5 9 . 9 9 1 1 . 1 7 6 s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > p a t h d = M 1 9 5 v 3 . 1 1 1 c 0 . 4 9 1 . 3 9 8 . 8 8 9 . 8 8 9 . 8 8 9 H 1 5 s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > s v g > b u t t o n > b u t t o n t y p e = b u t t o n c l a s s = h i d d e n s m : b l o c k l g : h i d d e n x l : b l o c k a r i a l a b e l = N e x t > s v g w i d t h = 2 4 h e i g h t = 2 4 f i l l = n o n e > p a t h d = M 1 4 1 2 6 6 v 1 2 l 8 6 Z f i l l = c u r r e n t C o l o r s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > p a t h d = M 1 8 6 v 1 2 s t r o k e = c u r r e n t C o l o r s t r o k e w i d t h = 2 s t r o k e l i n e c a p = r o u n d s t r o k e l i n e j o i n = r o u n d / > s v g > b u t t o n > b u t t o n t y p e = b u t t o n c l a s s = r o u n d e d l g t e x t x s l e a d i n g 6 f o n t s e m i b o l d p x 2 r i n g 2 r i n g i n s e t r i n g s l a t e 5 0 0 t e x t s l a t e 5 0 0 d a r k : t e x t s l a t e 1 0 0 d a r k : r i n g 0 d a r k : b g s l a t e 5 0 0 > 1 x b u t t o n > d i v > d i v > 定 制 你 可 以 对 T a i l w i n d   扩 展 、 调 优 、 修 改 。 T a i l w i n d 包 含 一 组 精 心 设 计 的 、 开 箱 即 用 的 默 认 设 置 ， 但 实 际 上 l i t e r a l l y 这 一 切 都 是 可 以 自 定 义 的 ， 从 调 色 板 （ c o l o r p a l e t t e ） 到 间 距 比 例 （ s p a c i n g s c a l e ） 再 到 阴 影 甚 至 鼠 标 。 通 过 t a i l w i n d . c o n f i g . j s 文 件 来 打 造 你 自 己 的 设 计 系 统 ， 然 后 让 T a i l w i n d 将 其 转 化 为 你 自 己 专 属 的 C S S 框 架 。 了 解 更 多 有 关 配 置 的 信 息 S i m p l e P l a y f u l E l e g a n t B r u t a l i s t T y p o g r a p h y C S S c l a s s f o n t d i s p l a y F o n t n a m e I n t e r S a m p l e A a B b C c C S S c l a s s f o n t b o d y F o n t s i z e 1 4 p t S a m p l e L o r e m i p s u m d o l o r s i t a m e t , c o n s e c t e t u r a d i p i s c i n g e l i t . U t a u g u e g r a v i d a c r a s q u i s a c d u i s p r e t i u m u l l a m c o r p e r c o n s e q u a t . I n t e g e r p e l l e n t e s q u e e u . L o r e m i p s u m d o l o r s i t a m e t , c o n s e c t e t u r a d i p i s c i n g e l i t . U t a u g u e g r a v i d a c r a s q u i s a c d u i s p r e t i u m u l l a m c o r p e r c o n s e q u a t . I n t e g e r p e l l e n t e s q u e e u . L o r e m i p s u m d o l o r s i t a m e t , c o n s e c t e t u r a d i p i s c i n g e l i t . U t a u g u e g r a v i d a c r a s q u i s a c d u i s p r e t i u m u l l a m c o r p e r c o n s e q u a t . I n t e g e r p e l l e n t e s q u e e u . L o r e m i p s u m d o l o r s i t a m e t , c o n s e c t e t u r a d i p i s c i n g e l i t . U t a u g u e g r a v i d a c r a s q u i s a c d u i s p r e t i u m u l l a m c o r p e r c o n s e q u a t . I n t e g e r p e l l e n t e s q u e e u . L o r e m i p s u m d o l o r s i t a m e t , c o n s e c t e t u r a d i p i s c i n g e l i t . U t a u g u e g r a v i d a c r a s q u i s a c d u i s p r e t i u m u l l a m c o r p e r c o n s e q u a t . C o l o r s C S S c l a s s p r e f i x b g p r i m a r y R a n g e 5 0 9 0 0 S a m p l e C S S c l a s s p r e f i x b g s e c o n d a r y R a n g e 5 0 9 0 0 S a m p l e 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 2 5 2 6 2 7 2 8 2 9 3 0 3 1 3 2 3 3 3 4 3 5 m o d u l e . e x p o r t s = , c o l o r s : , s e c o n d a r y : , } , } , } 先 进 的 功 能 我 们 习 惯 站 在 技 术 的 最 前 沿 。 T a i l w i n d 的 先 进 性 是 无 可 争 议 的 ， 它 充 分 利 用 了 所 有 最 新 和 最 棒 的 C S S 功 能 ， 让 开 发 者 尽 可 能 获 得 最 好 的 使 用 体 验 。 我 们 为 g r i d 布 局 提 供 了 一 流 的 支 持 、 可 组 合 的 t r a n s f o r m s 以 及 基 于 C S S 变 量 实 现 渐 变 功 能 、 支 持 最 新 的 状 态 选 择 器 : f o c u s v i s i b l e 等 等 。 了 解 更 多 关 于 g r i d t e m p l a t e c o l u m n s 的 信 息 C S S G r i d T r a n s f o r m s F i l t e r s 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 d i v c l a s s = g r i d g r i d f l o w c o l g r i d r o w s 2 g r i d c o l s 3 g a p 8 > d i v > i m g s r c = / m o u n t a i n s 1 . j p g a l t = l o a d i n g = l a z y > d i v > d i v c l a s s = c o l s t a r t 3 > i m g s r c = / m o u n t a i n s 2 . j p g a l t = l o a d i n g = l a z y > d i v > d i v > i m g s r c = / m o u n t a i n s 3 . j p g a l t = l o a d i n g = l a z y > d i v > d i v > i m g s r c = / m o u n t a i n s 4 . j p g a l t = l o a d i n g = l a z y > d i v > d i v c l a s s = r o w s t a r t 1 c o l s t a r t 2 c o l s p a n 2 > i m g s r c = / m o u n t a i n s 5 . j p g a l t = l o a d i n g = l a z y > d i v > d i v > 编 辑 器 对 流 行 的 编 辑 器 进 行 了 集 成 。 还 在 为 记 不 住 所 有 类 名 而 担 心 吗 ？ T a i l w i n d C S S I n t e l l i S e n s e 扩 展 已 经 支 持 V S C o d e 了 ， 还 不 快 去 使 用 。 智 能 自 动 补 全 提 示 、 代 码 检 查 （ l i n t i n g ） 、 C S S 类 定 义 等 ， 所 有 这 些 都 集 成 到 编 辑 器 中 了 ， 并 且 无 需 任 何 配 置 。 了 解 更 多 关 于 编 辑 器 设 置 的 信 息 1 2 3 4 5 6 7 8 9 1 0 1 1 1 2 1 3 1 4 1 5 1 6 1 7 1 8 1 9 2 0 2 1 2 2 2 3 2 4 d i v c l a s s = w f u l l f l e x i t e m s c e n t e r j u s t i f y b e t w e e n b l o c k p 6 s p a c e x 6 > d i v c l a s s = f l e x 1 t r u n c a t e > d i v c l a s s = f l e x i t e m s c e n t e r s p a c e x 3 > h 3 c l a s s = t e x t s l a t e 9 0 0 t e x t s m f o n t m e d i u m t r u n c a t e > J a n e C o o p e r h 3 > s p a n c l a s s = t e x t t e a l 6 0 0 > A d m i n s p a n > d i v > p c l a s s = m t 1 t e x t s l a t e 5 0 0 t e x t s m t r u n c a t e > R e g i o n a l P a r a d i g m T e c h n i c i a n p > d i v > i m g c l a s s = w 1 0 h 1 0 b g s l a t e 3 0 0 r o u n d e d f u l l s h r i n k 0 s r c = h t t p s : / / i m a g e s . u n s p l a s h . c o m / p h o t o 1 4 9 4 7 9 0 1 0 8 3 7 7 b e 9 c 2 9 b 2 9 3 3 0 ? i x l i b = r b 1 . 2 . 1 i x i d = e y J h c H B f a W Q i O j E y M D d 9 a u t o = f o r m a t f i t = f a c e a r e a f a c e p a d = 4 w = 2 5 6 h = 2 5 6 q = 6 0 a l t = l o a d i n g = l a z y > d i v > d i v c l a s s = b o r d e r t b o r d e r s l a t e 2 0 0 > d i v c l a s s = m t p x f l e x > d i v c l a s s = w 0 f l e x 1 f l e x b o r d e r r b o r d e r s l a t e 2 0 0 > a h r e f = # c l a s s = r e l a t i v e m r p x w 0 f l e x 1 i n l i n e f l e x i t e m s c e n t e r j u s t i f y c e n t e r p y 4 t e x t s m t e x t s l a t e 7 0 0 f o n t m e d i u m b o r d e r b o r d e r t r a n s p a r e n t r o u n d e d b l l g h o v e r : t e x t s l a t e 5 0 0 f o c u s : o u t l i n e n o n e f o c u s : s h a d o w o u t l i n e b l u e f o c u s : b o r d e r b l u e 3 0 0 f o c u s : z 1 0 t r a n s i t i o n e a s e i n o u t d u r a t i o n 1 5 0 > s v g c l a s s = w 5 h 5 t e x t s l a t e 4 0 0 x m l n s = h t t p : / / w w w . w 3 . o r g / 2 0 0 0 / s v g v i e w B o x = 0 0 2 0 2 0 f i l l = c u r r e n t C o l o r > p a t h d = M 2 . 0 0 3 5 . 8 8 4 L 1 0 9 . 8 8 2 l 7 . 9 9 7 3 . 9 9 8 A 2 2 0 0 0 1 6 4 H 4 a 2 2 0 0 0 1 . 9 9 7 1 . 8 8 4 z / > p a t h d = M 1 8 8 . 1 1 8 l 8 4 8 4 V 1 4 a 2 2 0 0 0 2 2 h 1 2 a 2 2 0 0 0 2 2 V 8 . 1 1 8 z / > s v g > s p a n c l a s s = m l 3 > E m a i l s p a n > a > d i v > d i v > d i v > P r o b l e m s f l e x a p p l i e s t h e s a m e C S S p r o p e r t y a s b l o c k .   c s s C o n f l i c t [ 1 , 2 0 ] b l o c k a p p l i e s t h e s a m e C S S p r o p e r t y a s f l e x .   c s s C o n f l i c t [ 1 , 5 4 ] 现 成 的 组 件 T a i l w i n d U I   可 以 帮 你 跑 得 更 快 。 T a i l w i n d U I 是 一 个 美 观 、 完 全 支 持 响 应 式 布 局 的 U I 组 件 库 ， 是 由 我 们 （ T a i l w i n d C S S 的 创 作 团 队 ） 设 计 并 开 发 的 。 该 组 件 库 包 含 了 数 百 个 现 成 的 示 例 供 你 选 择 ， 并 且 保 证 能 让 你 找 到 一 个 完 美 的 模 板 作 为 你 千 里 之 行 的 起 点 。 了 解 更 多 入 门 安 装 编 辑 器 设 置 U s i n g w i t h P r e p r o c e s s o r s O p t i m i z i n g f o r P r o d u c t i o n B r o w s e r S u p p o r t U p g r a d e G u i d e 核 心 概 念 U t i l i t y F i r s t F u n d a m e n t a l s H a n d l i n g H o v e r , F o c u s , a n d O t h e r S t a t e s R e s p o n s i v e D e s i g n D a r k M o d e R e u s i n g S t y l e s A d d i n g C u s t o m S t y l e s F u n c t i o n s & D i r e c t i v e s 定 制 C o n f i g u r a t i o n C o n t e n t C o n f i g u r a t i o n T h e m e C o n f i g u r a t i o n C u s t o m i z i n g S c r e e n s C u s t o m i z i n g C o l o r s C u s t o m i z i n g S p a c i n g P l u g i n s P r e s e t s 社 区 G i t H u b D i s c o r d T w i t t e r Y o u T u b e 友 链 B o o t s t r a p R e a c t S t y l e X N e x t . j s N e x t r a D o c u s a u r u s n p m Y a r n p n p m W e b p a c k P a r c e l R o l l u p B i o m e e s b u i l d P o s t C S S P u r g e C S S S a s s c s s n a n o S v e l t e B a b e l A l p i n e . j s J e s t W e b A s s e m b l y D e n o B u n M a r k D o w n j Q u e r y P r e a c t j s E l e v e n t y ( 1 1 t y ) A s t r o V u e P r e s s S t r a p i N u n j u c k s C h e e r i o E x p r e s s F a s t i f y K o a S Q L i t e 7 z i p T a i l w i n d C S S 中 文 网 （ 本 网 站 ） 的 目 标 是 为 中 文 开 发 者 提 供 准 确 、 及 时 的 T a i l w i n d C S S 中 文 文 档 T a i l w i n d C S S 中 文 文 档 由 本 网 站 维 护 人 员 共 同 翻 译 ， 采 用 M I T 开 源 协 议 发 布 本 网 站 与 t a i l w i n d c s s . c o m 及 T a i l w i n d L a b s I n c . 并 无 从 属 关 系 T a i l w i n d 商 标 由 T a i l w i n d L a b s I n c . 所 有 京 I C P 备 1 5 0 3 1 6 1 0 号 8

域名(www.tailwindcss.cn)由网友主动性提交被逸达秒收录(ydmsl.cn)–权益排行榜整理收录的，本页最后更新时间为：2025-03-18 19:50:41，逸达秒收录(ydmsl.cn)–权益排行榜仅提供www.tailwindcss.cn的基础信息并免费向广大游客展示，该站IP地址为39.107.66.66 地址：北京市 阿里云 数据中心，该站打开速度为400毫秒，该站的百度权重为0、百度手机权重为0、百度收录为23600条、360收录为0条、搜狗收录为0条、谷歌收录为0条、百度来访流量大约在-之间、百度手机端来访流量大约在-之间、www.tailwindcss.cn的备案号是京ICP备15031610号-8、备案人叫北京源创时代科技有限公司、被百度收录的关键词有0个、手机端关键词有0个、迄今为止已经创建7年4月24日，其内容不代表本站赞成被显示该站点的内容或立场，相关资料: txt下载、docx下载、pdf下载、rar下载、zip下载，本页地址：http://dh.ydmsl.cn/links/a3aaa3bde4efde04bb94.html。