Introduction
USED FOR STYLING
TAILWIND CONSISTS OF PRE-BUILD CLASSES IN WHICH STYLING IS DEFINED.
USING THESE CLASSES STYLING CAN BE ADDED (BY IMPORTING THEM).
TAILWIND ENABLES TO RAPIDLY BUILD MODERN WEBSITES WITHOUT EVER LEAVING YOUR HTML
IT IS AN UTILITY FIRST FRAMEWORK
TO ADD PADDING pl-4 (pl- PADDING LEFT)
IN TAILWIND 1 = 0.25rem
TO GIVE MARGIN m-4.
- IT REDUCES CONFUSION. SOMETIMES, WE MIGHT GET CONFUSED BY THE CLASS NAMES WHILE DEALING WITH LARGE CODE BASES.
- BUNDLE SIZE
THE FINAL BUNDLE SIZE OF THE FILE IS NOT SIGNIFICANTLY INCREASED.
BUNDLE SIZE REFERS TO THE FINAL CSS FILES THAT CONSISTS DATA ABOUT STYLING
FOR EXAMPLE, IF WE'VE USED ONLY MARGIN AND PADDING CLASSES IN OUR FILES. IN THE PRODUCTION BUNDLE OF TAILWIND FILES, ONLY THE CLASSES WE USED ARE STORED. IT DOESNOT STORE ALL THE INBUILT CLASSES OF TAILWIND.
ONLY THE CLASSES THAT WE USED ARE SENT TO THE BROWSER.
TAILWIND CAN BE USED IN DIFFERENT WAYS, WE USE THE CDN LINK PROVIDED IN THE DOC AND PASTE IT IN OUR HTML FILE.
TAILWIND REFRESHES THE ENTIRE CONTENT. EVEN ALL THE TAGS LIKE <h1>,<h2>,<h3> WILL BE PRINTED OF THE SAME SIZE.
IN CSS , IF WE WANT TO ADD AN UNDERLINE , WE WOULD FIRST GIVE IT A CLASS NAME , LATER A CSS FILE IS CREATED AND TEXT DECORATION IS ADDED USING THE CLASS NAME.
HERE, IT CAN BE DONE USING THE PRE-DEFINED CLASS NAME.
NOTE:
USING TAILWIND THROUGH CDN IS GOOD FOR DEVELOPMENT, BUT NOT FOR PRODUCTION.
Comments
Post a Comment