בתחילת דרכו של העיצוב הדיגיטאלי ב-HTML היו מגדירים את הגופן צבעו גודלו ותצוגתו כחלק בלתי נפרד מתגיות ה-HTML שכללו הגדרת ברירת מחדל לתצוגה אם בגודל, ברוחב או במיקום.
השיטה הייתה מסורבלת ועם הופעת המכשירים הניידים עם מסכים קטנים ומחשבים בעלי מסך בגדלים שונים נוצר צורך להתאים דפים לכל מסך או מכשיר.
השימוש ב-CSS פתר בעיה זו כי כל הגדרות התצוגה שהיו ב-HTML עברו ל-CSS וכן לתגיות יש הגדרות CSS וערכי ברירת מחדל הניתנות לשינוי.
גמישותו של ה-CSS מאפשרת לנו לשלוט בעיצוב באופן שהמידע יתאים לכל גודל מסך ללא צורך בדפים שונים והכל בהגדרה פשוטה ללא שימוש בסקריפטים. כמו כן גמושות זו מאפשרת מעבר ממצב למצב בעת שינוי גודל החלון ללא טעינה חוזרת של הדף.
ה-CSS שולט בגדלים, מרווחים, נפחים, צבעים, צלליות, מסגרות, מיקומי מסך הסתרת מידע והצגתו, שינוי זויות ראיה וכיווני תצוגה אופקיים ואנכיים, אפקטים שונים הנוצרים כתגובה לפעילות המשתמש על המידע המוצג בדף ואנימציות.
במקרים רבים ה-CSS מחליף את ה-JavaScript והיום ניתן לבצע איתו בקלות מה שפעם היה מצריך שימוש בסקריפט ארוך ומסורבל.