سی اس اس CSS(زبان برنامه نویسیfront-end)
در این مقاله که توسط شرکت طراح برتر جمع آوری و ترجمه شده است به بررسی زبان برنامه نویسی سی اس اس که در دسته زبان های فرانت اند قرار میگیرد میپردازیم
(cascading Style Sheets (CSS یک زبان سبک است که برای توصیف ارائه سندی که به زبان نشانه گذاری مانند HTML نوشته شده استفاده می شود. CSS یک فناوری سنگ بنای شبکه جهانی وب است ، در کنار HTML و JavaScript.
CSS به منظور امکان تفکیک ارائه و محتوا ، از جمله طرح ، رنگ و قلم ها طراحی شده است. این تفکیک می تواند قابلیت دسترسی به محتوا را بهبود بخشد ، انعطاف پذیری و کنترل بیشتری را در تعیین مشخصات ارائه دهد ، چندین صفحه وب را قادر می سازد تا قالب بندی را با تعیین CSS مربوطه در یک پرونده جداگانه ارائه دهد .css ا از پیچیدگی و تکرار محتوای ساختاری می کاهد .css برای بهبود سرعت بارگذاری صفحه در بین صفحاتی که فایل را به اشتراک می گذارند و قالب بندی آن ، در حافظه پنهان است بسیار کاربردی است.
تفکیک قالب بندی و محتوا همچنین ارائه یک صفحه نشانه گذاری در سبک های مختلف برای روش های مختلف ارائه مانند روی صفحه ، به صورت چاپی ، صوتی (از طریق مرورگر مبتنی بر گفتار یا صفحه خوان) و در بریل امکان پذیر است. CSS همچنین قوانینی را برای قالب بندی جایگزین در صورت دسترسی به محتوا در دستگاه تلفن همراه دارد.
مشخصات CSS توسط کنسرسیوم شبکه جهانی وب (W3C) حفظ می شود. متن رسانه / نوع CSS از نوع رسانه اینترنتی (نوع MIME) برای استفاده با CSS توسط RFC 2318 (مارس 1998) ثبت شده است. W3C سرویس اعتبار سنجی رایگان CSS را برای اسناد CSS اجرا می کند.
نحو
CSS یک نحو ساده دارد و از تعدادی کلمات کلیدی انگلیسی برای تعیین نام ویژگی های مختلف سبک استفاده می کند.یک صفحه سبک شامل لیستی از قوانین است. هر قانون یا مجموعه قوانین از یک یا چند انتخابگر و یک بلوک اعلان تشکیل شده است.
انتخابگر
در CSS ، انتخاب کنندگان با تطبیق برچسب ها و ویژگی ها در خود نشانه گذاری ، به کدام قسمت از نشانه گذاری اعمال می شوند.انتخاب کنندگان ممکن است به موارد زیر اعمال شوند:
همه عناصر از یک نوع خاص ، به عنوان مثال هدرهای سطح دوم h2
عناصر مشخص شده توسط ویژگی ، به ویژه:
id: شناسه منحصر به فرد در سند
class: شناسه ای که می تواند چندین عنصر را در یک سند حاشیه نویسی کند
عناصر بستگی به نحوه قرارگیری آنها نسبت به سایرین در درخت سند دارد.کلاسها و شناسه ها به حروف کوچک و بزرگ حساس هستند ، با حروف شروع می شوند و می توانند شامل حروف الفبا ، خط فاصله و زیر خط باشند. یک کلاس ممکن است به تعداد نمونه از عناصر اعمال شود. شناسه ممکن است فقط برای یک عنصر استفاده شود.کلاسهای شبه در انتخابگرهای CSS استفاده می شوند تا قالب بندی را براساس اطلاعاتی که در درخت سند موجود نیست ، مجاز کنند.
یک مثال از کلاس شبه پرکاربرد این است: شناور ، فقط هنگامی که کاربر عنصر قابل مشاهده باشد را “نشان می دهد” ، معمولاً با نگه داشتن نشانگر ماوس بر روی آن ، محتوا را شناسایی می کند. انتخاب کنندگان ممکن است از بسیاری جهات برای دستیابی به ویژگی و انعطاف پذیری عالی ترکیب شوند. چندین انتخابگر می توانند در یک لیست فاصله دار به هم متصل شوند تا عناصر را با توجه به مکان ، نوع عنصر ، شناسه ، کلاس یا هر ترکیبی از آنها تعیین کنند.
ترتیب انتخاب کنندگان مهم است. به عنوان مثال ، div .myClass {color: red؛} برای تمام عناصر کلاس myClass که درون عناصر div هستند اعمال می شود ، در حالی که .myClass div {color: red؛} برای همه عناصر div که در عناصر کلاس myClass هستند اعمال می شود.
استفاده
قبل از CSS ، تقریباً همه ویژگیهای اسنادی HTML در نشانه گذاری HTML موجود بود. تمام رنگ های قلم ، سبک های پس زمینه ، ترازبندی عناصر ، حاشیه ها و اندازه ها باید به طور صریح ، اغلب به طور مکرر ، در HTML توصیف شوند. CSS به نویسندگان اجازه می دهد تا مقدار زیادی از اطلاعات را به پرونده دیگری منتقل کنند ، به سبک صفحه ، و در نتیجه HTML بسیار ساده تر شود.
به عنوان مثال ، عناوین (عناصر h1) ، عناوین فرعی (h2) ، زیرعنوانهای فرعی (h3) و غیره ، با استفاده از HTML به صورت ساختاری تعریف می شوند.
در چاپ و روی صفحه ، انتخاب قلم ، اندازه ، رنگ و تأکید برای این عناصر نمایشی است. قبل از CSS ، نویسندگان اسنادی که می خواستند چنین ویژگی های تایپوگرافی را به عنوان مثال ، به همه عناوین h2 اختصاص دهند ، باید به ازای بروز هر نوع عنوان ، نشانه گذاری HTML را تکرار کنند. این امر اسناد را پیچیده تر ، بزرگتر و دارای خطاهای بیشتر و نگهداری آنها دشوار می کند. CSS امکان تفکیک ارائه از ساختار را فراهم می کند.
CSS می تواند رنگ ، قلم ، تراز بندی متن ، اندازه ، حاشیه ، فاصله ، طرح و بسیاری دیگر از مشخصات تایپوگرافی را تعریف کند و می تواند این کار را به صورت مستقل برای نماهای روی صفحه و چاپ انجام دهد. CSS همچنین سبک های غیر بصری مانند سرعت خواندن و تأکید را برای خوانندگان متن شنیداری تعریف می کند. W3C اکنون استفاده از تمام نشانه های HTML ارائه دهنده را منسوخ کرده است.
دکتر فاطمه رجبی
