آشنایی با CSS - افزودن استایل‌های بنیادی به یک وبسایت پورتفولیو

پس شما مقداری HTML را می‌شناسید و با آنچه شهردار بلومبرگ و Snoop Dogg اعلام کرده بود آشنایی دارید. گام بعدی در روند ساخت وبسایت، افزودن طراحی به آن ساختار با استفاده از استایل‌شیت‌های آبشاری (CSS) است.

CSS به ما امکان می‌دهد تا به صفحه‌ فقط HTML که در غیر این صورت کمی خسته‌کننده بود، ظاهر اضافه کنیم. رنگ‌های دلخواه را دارید؟ اندازه‌های فونت بزرگ و کوچک چطور؟ ما می‌توانیم آن را انجام دهیم. آیا دوست دارید صفحه‌ خود را با Comic Sans تزئین کنید؟ قدرت آن در دست شماست. البته ممکن است برخی مشکوک باشند که آیا این ایده‌ خوبی است یا نه، اما اینجا قضاوتی نمی‌کنیم.

برای اینکه ظاهر دلخواه خود را روی HTML‌ی خود بگذارید، ابتدا باید یاد بگیریم CSS چگونه ساختار یافته، چگونه آن را روی صفحه‌ خود اعمال کرده و چگونه شروع کنیم اعلان‌های لازم را برای اعمال قانون‌های طراحی بنویسیم.

آنچه خواهید آموخت:

• CSS چیست؟ - تفاوت بین HTML و CSS را یاد می‌گیرید و اینکه چگونه به هم مرتبط هستند.
• ویژگی‌های CSS - ما عناصر اولیه CSS و نحوه‌ کدنویسی استایل صفحات را بررسی می‌کنیم.
• CSS در عمل- نحوه اعمال استایل‌های بنیادی مانند اندازه فونت، نوع فونت، رنگ‌ها، پس‌زمینه‌ها و سایر ویژگی‌های متنی روی صفحه خود

آنچه خواهید ساخت:

ما یک وبسایت پورتفولیوی فقط HTML را به چهار صفحه درآورده و آن را به یک سند CSS جدید متصل خواهیم کرد. ما استایل‌های اولیه را در عناصر خود اعمال کرده و می‌بینیم چگونه اینها روی سند HTML اثر می‌گذارد. ما یاد خواهیم گرفت که حالت آبشاری چگونه کار می‌کند، انواع سلکتورها کدامند و سینتکس ایجاد قواعد چیست.

ما در این لحظه به طرح‌بندی‌های CSS نخواهیم پرداخت، زیرا ابتدا باید اصول لازم برای آوردن لایه‌ ارائه به پروژه‌ خود را پوشش دهیم. می‌بینیم که افزودن این استایل‌های مختلف، امکان سفارشی‌سازی ساده‌تری برای وبسایت پورتفولیوی شما فراهم می‌کند و شروع می‌کنیم ببینیم که با این دانش، امکانات طراحی فراوانی وجود دارد. حتماً تصاویر گربه و شاید پاندا به کار می‌روند.