زبان برنامه نویسی HTML به خوبی می تواند اجزای صفحه را ایجاد کند، اما ضعف اصلی زبان HTML عدم توانایی ایجاد رابط کاربری است. برای ایجاد رابط کاربری برای صفحات HTML زبان برنامهنویسی CSS یا Cascade Style Sheets ایجاد گردید. این زبان مکملی برای HTML می باشد و سعی در پر کردن خلاها و برطرف کردن نقاط ضعف زبان HTML دارد. CSS شما را قادر می سازد، تا قالب و استایل صفحات وب سایتتان را یک بار طراحی کرده و در دفعات استفاده کنید.برای واضح تر شدن ماجرا، یک مثال را بیان کنیم: در نظر بگیرید که وب سایتی با 100 صفحه ای را به زبان HTML طراحی کرده اید. حال بعد از گذشت مدتی، تصمیم دارید تا برخی خصوصیات را کمی تغییر دهید مثلا رنگ پس زمینه را کمی تیره تر کنید. گفتن این حرف بسیار راحت است اما در عمل کمی بحث فرق می کند. تغییر یک خط کد در 100 صفحه بسیار زمان بر خواهد بود. حال اگر ما از CSS در طراحی این وب سایت استفاده کنیم، کافی است تا یک خط کد را در فایل خود تغییر دهیم و این تغییرات در تمامی صفحات اعمال می شود. در واقع ما صفحات HTML خود را به یک فایل (CSS) متصل می کنیم و قطعه کدهای مربوطه از این فایل خوانده و اجرا می شود. این کار باعث می شود، تا حجم کد کمتری نوشته شود و همین طور کد نویسی اصطلاحا تمیزتری خواهیم داشت.
مقدماتی سی اس اس
-
- معرفی سی اس اس
- ساختار دستورات CSS
- گزینشگرهای CSS
- فایل CSS خارجی
- استایل دهی به عناصر
- استایل دهی پس زمینه
- استایل دهی متن
- استایل دهی فونت
- استایل دهی لینک ها
- استایل دهی لیست ها
- استایل دهی جداول
- مفهوم باکس در سی اس اس
- مفهوم Box
- خاصیت border
- خاصیت outline
- خاصیت margin
- خاصیت padding
- پیشرفته سی اس اس
- گروهبندی گزینش گرها
- تنظیم طول و عرض
- طریقه نمایش عناصر
- تنظیم موقعیت عناصر
- شناور کردن عنصر
- ترازبندی عناصر
- شبه کلاس ها
- شبه عناصر
- ساخت منو در CSS
- ساخت گالری تصاویر
- شفاف کردن تصویر
- نمایش بخشی از عکس
- رسانه های مختلف
- گزینش براساس صفت
- خلاصه مطالب CSS
- پیشرفته سی اس اس 3
- معرفی
- گرد کردن گوشه ها
- پس زمینه
- شیب رنگ
- افکت های متن
- فونت
- تبدیل دو بعدی
- تبدیل سه بعدی
- انتقال یا Transition
- متحرک سازی
- چند ستونه کردن متن
- رابط کاربری
- خلاصه مطالب
- آموزش های متفرقه کاربران