CSS

چند فریم‌ورک و سیستم شبکه‌بندی برای طراحی واکنش‌گرا، از Bootstrap و Foundation تا Skeleton و ابزارهای ساخت وایرفریم، همراه با ویژگی‌های هرکدام معرفی می‌شوند.

روش‌های نوشتن CSS ویژه نسخه‌های قدیمی Internet Explorer با کامنت‌های شرطی، کلاس‌های شرطی و هک‌های CSS برای رفع تفاوت نمایش صفحات بررسی می‌شود.

آموزش نصب و استفاده از Firebug در فایرفاکس برای بررسی ساختار HTML، آزمایش تغییرات CSS و رفع اشکالات صفحه؛ همراه با معرفی پنل‌ها و محدودیت‌های این ابزار.

ساخت صفحه دوستونی با عرض متغیر و ستون کناری ثابت آموزش داده می‌شود؛ با توضیح موقعیت‌دهی ستون کناری و تنظیم فاصله محتوا برای جلوگیری از هم‌پوشانی.

انواع گزینشگرهای CSS، از نوع، class و ID تا گزینشگرهای نسل، فرزند، مجاور و صفت، با مثال بررسی می‌شود؛ همچنین کاربرد شبه‌کلاس‌ها و شبه‌عناصر توضیح داده می‌شود.

ساختار درختی سند HTML و روابط جد، نسل، والد، فرزند و عناصر هم‌سطح با نمودار و مثال توضیح داده می‌شود تا انتخاب عناصر در CSS آسان‌تر شود.

ساخت صفحه دوستونی با عرض ثابت و بخش‌های گسترده هدر، منو و فوتر آموزش داده می‌شود؛ با استفاده از wrapper برای کنترل عرض محتوای هر بخش.

ساخت صفحه دوستونی با عرض ثابت آموزش داده می‌شود؛ با توضیح خنثی‌کردن float و استفاده از تصویر پس‌زمینه برای نمایش هم‌ارتفاع ستون‌ها.

ساخت صفحه تک‌ستونی با عرض متغیر یا Liquid آموزش داده می‌شود؛ همراه با کدهای HTML و CSS و تنظیم فاصله صفحه از دو طرف با margin.

ساخت صفحه راست‌به‌چپ تک‌ستونی با عرض ثابت ۹۶۰ پیکسل آموزش داده می‌شود؛ همراه با ساختار HTML، کدهای CSS و قرارگیری صفحه در مرکز.

روش خلاصه‌نویسی outline و list-style در CSS و اثر مقادیر پیش‌فرض توضیح داده می‌شود؛ همراه با تعیین نشانه جایگزین برای تصویر فهرست.

خلاصه‌نویسی ویژگی‌های حاشیه با border و اثر حذف مقدار رنگ، ضخامت یا نوع خط بررسی می‌شود؛ همراه با مثال‌هایی از تأثیر رنگ متن بر رنگ حاشیه.

روش کوتاه‌نویسی margin و padding با یک تا چهار مقدار و ترتیب اعمال آن‌ها به چهار جهت، با مقایسه کدهای کوتاه و جداگانه آموزش داده می‌شود.

ویژگی‌های پس‌زمینه و مقادیر پیش‌فرض آن‌ها در CSS معرفی می‌شود و نوشتن آن‌ها در یک دستور background با مثال توضیح داده می‌شود.

خلاصه‌نویسی ویژگی‌های فونت با دستور font در CSS آموزش داده می‌شود؛ با مثال‌هایی از اثر مقادیر پیش‌فرض و تغییر ویژگی‌هایی که در دستور ذکر نشده‌اند.

روش‌های موقعیت‌دهی static، fixed، relative و absolute در CSS و تفاوت اثر آن‌ها بر چینش صفحه توضیح داده می‌شود؛ همراه با کنترل ترتیب لایه‌ها با z-index.