در این بخش به معرفی و نحوه ساخت فایل های CSS خواهیم پرداخت. در ابتدا تعاریفی از CSS خواهیم داشت: CSS مخفف کلمه Cascading Style Sheets یا صفحه آبشاری سلیقه است به اینصورت که شما بعد از نشانه گذاری یا کدنویسی که در قسمت آموزشHTML5 آنها را بیان کردیم شما میتوانید برای نحوه چیدمان و تنظیم رنگ ها و اعمال سلیقه شخصی خود در صفحه از CSS استفاده کنید برای درک بهتر این مورد به این مثال توجه داشته باشید: اگر شما معمار یک ساختمان باشید و شروع به ساخت کنید ابتدا به ایجاد پایه و ستون های خانه خواهید پرداخت که بتوانید در آینده دیوارها و سقف را نیز بر روی آنها بنا کنید. بعد از ایجاد دیوارها و سقف ها حالا باید شما برای تزئین داخل خانه تلاش کنید مثلا گچ کاری و رنگ آمیزی و کاشی کاری و... سی اس اس CSS هم در واقع همین کار را برای شما انجام میدهد که شما ابتدا کدنویسی HTML را انجام میدهید و بعد شروع به تزئین آن میکنید. حال چرا نباید از خود HTML برای تزئین و استایل دادن به صفحه استفاده کنیم. دلیل اینکار این است که کد نویسی برای زیبا سازی صفحات سایت و... شما قطعا بیشتر از 1000 خط کد خواهد شد، در صورتی که بخواهید سایتی زیبا داشته باشید این باعث میشود سایت شما خیلی سنگین شود و کاربر از باز کردن آن خودداری کند (هرچقدر که زیبا باشد یا پر محتوا مهم نیست) سرعت بارگذاری برای کاربران خیلی مهم است. در ادامه با ما همراه باشید:
برای ایجاد فایل های CSS ابتدا شما باید از یکی از این ویرایشگرها که در آموزش قسمت اول HTML5 گفته شده استفاده کنید. بعد از ایجاد فایل جدید باید آن را با فرمت CSS ذخیره نمائید برای مثال: MyStyle.CSS دقت کنید شما نام فایل را هرچیزی میتوانید انتخاب کنید اما برای ذخیره حتما باید از .css استفاده کنید.
در بخش های بعدی بیشتر در این مورد با هم صحبت خواهیم کرد.