موضوع مقاله: سی‌اس‌اس | مخاطب: عمومی | لحن: دانشنامه‌ای | ساختار: عنوان، مقدمه، 3 بخش، جمع‌بندی | مقاله: | # سی‌اس‌اس | مقدمه: شیوه‌نامۀ آبشاری با کوته‌نوشت سی‌اس‌اس یک زبان برای ساخت شیوه‌نامه است که از آن برای توصیف نمایش یک سند (که به یکی از زبان‌های نشانه‌گذاری مثل اچ‌تی‌ام‌ال نوشته شده‌است) استفاده می‌شود. | ## بخش 1: سی‌اس‌اس | سی‌اس‌اس یکی از فناوری‌های بنیادین (در کنار اچ‌تی‌ام‌ال و جاوااسکریپت) در وب جهان‌گستر است. سی‌اس‌اس روشی ساده برای نمایش چیدمان و جلوه‌های تصویری (مانند نوع قلم، رنگ و اندازه‌ها و واکنش گرایی وبسایت و همچنین جا به جایی محتوای داخل صفحه) بر صفحه‌های وب است. سی‌اس‌اس از جنس زبان‌های نشانه‌گذاری، با ساختار متن سادهٔ رایانه هستند و درون هرکدام، دستورهایی آبشار مانند و پی‌درپی، برای چگونگی نمایش هر صفحه وب افزوده می‌شود. به گفته‌ای ساده‌تر، این دستورها روش نشان داده شدن قلم‌ها و اندازه‌شان، رنگ‌ها و پس زمینه‌ها، روش چیدمان موزاییک‌های دربرگیرنده داده‌ها ، و بسیاری دیگر از عنصرهای ساختار هر صفحه وب را، درون خود جای می‌دهند. بیشترین استفاده‌ای که از این زبان در حال حاضر می‌شود مشخص کردن سبک صفحهٔ وب اچ‌تی‌ام‌ال و اکس‌اچ‌تی‌ام‌ال است ولی آن را می‌توان بر هر نوع مستند اکس‌ام‌ال از جمله اس‌وی‌جی و اکس‌یوال اعمال کرد. استانداردهای تازه در بحث طراحی با استانداردهای وب، همهٔ ساختار گرافیکی و تصویری صفحه‌های وب باید توسط دستورها سی‌اس‌اس مجزا تعیین شود و لابه‌لای صفحه‌های وب نباید دستورهایی برای درج چگونگی نمایش آن‌ها نوشته شود. به بیانی دیگر، نشانه‌گذاری یک صفحهٔ وب (کدهای html) و دستورها مربوط به گرافیک آن (دستورها css) باید کاملاً از یکدیگر جدا باشند. | ## بخش 2: سی‌اس‌اس | برتری‌ها در سال‌های نخست پیدایش وب، طراح‌ها از جدول‌ها و ترفند پنهان‌سازی آن‌ها برای چیدمان صفحهٔ وب کمک می‌گرفتند؛ اما روش مدرن طراحی وب، این روند را منسوخ کرده‌است. به طوری که امروزه کاربرد جدول‌ها به نمایش داده‌های ستونی محدود می‌شود و دیگر از آن‌ها برای چیدمان صفحه‌های وب استفاده نمی‌شود. چیدمان یک صفحهٔ وب، امروزه اغلب با دیواره (یا DIV) انجام می‌شود که برتری‌های فراوانی نسبت به صفحه‌آرایی به کمک جدول‌ها (یا TABLE) دارد. در این روش، هر دیواره یک موزاییک مجازی بخش‌کنندهٔ صفحه است که کار چیدمان را آسان‌تر انجام می‌دهد. درواقع امروزه صفحه‌های وب به چند قسمت مجزا تقسیم می‌شوند که هرکدام، شامل قسمت‌های مجزای کوچک‌تر هستند و معمولا شامل محتوا می‌شوند و سی‌اس‌اس، امکانات زیادی برای کنترل چیدمان این اجزا در اخیار طراح می‌گذارد. از طرفی استفاده از جدول‌ها در طراحی وب، در بحث بهینه‌سازی موتور جستجو به آن لطمه می‌زند و این عوامل در مجموع، باعث می‌شوند که طراح‌های وب، تمایلی برای استفاده از جدول‌ها در چیدمان صفحهٔ وب نداشته باشند. سی‌اس‌اس، افزون بر سبک‌تر کردن هر صفحه وب و پاک‌تر کردن آن از داده‌های تصویری و نمایشی استاندارد، روش طراحی وب را به میزان فراوانی آسان‌تر و دسترسایی و کارایی وب را بهتر کرده است. | ## بخش 3: سی‌اس‌اس | پهنای باند یک فایل سی‌اس‌اس معمولاً در حافظه پنهان مرورگر ذخیره می‌شود، بنابراین می‌تواند بدون نیاز به بازخوانی در چندین صفحه استفاده شود که این امر باعث کاهش تبادل اطلاعات در شبکه رایانه‌ای می‌شود. نسخه‌ها سی‌اس‌اس، روش چاپ شدن، روش شنیده شدن صدا برای کاربرانی با مشکل دسترسایی، و دستورهای فراوان دیگری را برای چگونگی نمایش سایه زیر قلم‌ها و پس زمینه‌های هر صفحه وب را در خود جای می‌دهند. آخرین نسخه پیشنهاد شده از استاندارد سی‌اس‌اس، نسخه ۳ می‌باشد که هنوز در مسیر پیشنهادی قرار دارد و مرورگرهای اینترنتی، هنوز تمام دستورهایش را پشتیبانی نمی‌کنند. در این نسخه قابلیت تعیین قلم، تغییر رنگ متن، تغییر رنگ پس‌زمینه، چینش متن‌ها، قرارگیری عکس و … قرار داشت. در این ساختار، انتخابگر مشخص می‌کند کدام عنصر یا عناصر HTML هدف قرار گیرند، و سپس استایل‌های تعریف‌شده در بخش styles روی آن‌ها اعمال می‌شود. برای به حداقل رساندن زمان پیدا کردن باگ‌ها می‌بایست با طرز کار مفسر مرورگرها آشنایی کافی داشته باشید. در بیشتر موارد چنین مشکلاتی زمانی پیش می‌آیند که جایی در قوانین CSS تان انتخابگری با اولویت بیشتر تعریف کرده‌اید. | ## جمع‌بندی | ما در فایل CSS خود یک اسم دل بخواه که می تواند یا کلاس باشد یا آیدی بنویسیم و تمامی طراحی های دلخواهمان را برای آن کلاس و یا آیدی مینویسیم و در فایل HTML آن را صدا میکنیم.