css

 کارآیی CSS چیست؟

عبارت CSS که مختصرشده از عبارت Cascading Style Sheets  به معنی (برگه های سبک آبشار) یا برگه های آبشاری است،یک زبان طراحی صفحات وب محسوب می شود.

 اولین بار در تاریخ ۱۰ اکتبر سال ۱۹۹۴ بود که Hakon Wium Lie با همکاری «تیم برنرز لی» بحث سی اس اس را وسط کشیدند تا در نهایت در سال ۱۹۹۶، زبان CSS به صورت رسمی معرفی شود.

این زبان با هدف فرم دهی صفحات وب HTML و اجزای مختلف صفحات آن توسط کنسرسیوم بین المللی شبکه جهانی وب یا W3C توسعه داده شده است و در استاندارد RFC 2318 قرار گرفته است.

سی اس اس  در کنار HTML و JavaScript از هسته های اصلی طراحی صفحات وب به حساب می‌آیند..

این زبان در طراحی وب دقیقا همانند تعیین دکوراسیون و رنگ آمیزی ساختمان اسکلت ، می ماند.

سی اس اس مانند HTML یک زبان نشانه‌ گذاری است که اجازه می‌دهد ساختار صفحات وب را از چیدمان عناصر گرفته تا تغییر رنگ‌بندی و فونت‌ها شکل دهید.

CSS

مزایا و معایب CSS

سی اس اس  در مقابل مزایای بسیار زیادی که دارد، شامل ضعف‌ها و محدودیت‌هایی هم می باشد. برخی از محدودیت‌های این زبان عبارتند از:

ساختار کدهای CSS به چه صورت است؟

  {; h 1  {color : blue ; font-size:12 px

در تصویر بالا ساختار و سینتکس کلی دستورات این زبان را می بینیم.

در قسمت selector باید عنصور(HTML )مورد نظر جهت استایل دهی را تعیین کرد.

در قسمت property باید نام ویژگی مورد نظر  و سپس در قسمت value باید مقدار مورد نظر را مشخص نمود.

به عنوان مثال، در دستور بالا ، رنگ نوشته و همچنین سایز فونت را مشخص کرده ایم.برای جدا کردن چند property مختلف  از علامت ; استفاده می شود

 شما برای اجرای فایل های سی اس اس  فقط به یک مرورگر نیاز دارید، یک مرورگر (Browser) و ترکیب فایل های CSS با HTML است.

در دستور فوق ،استایل ها روی همه پاراگراف های موجود در صفحه وب اعمال می شود .

چنانچه مایل باشیم دستورات استایل  روی یک عنصر یا گروهی از عناصر مورد نظر ما اعمال شود ،

باید از id (یک عنصرمثلا یک پاراگراف خاص) و class (یک گروه از عناصر مثلا گروهی از پاراگراف ها ) استفاده کنیم .

 

به سه طریق می‌توان CSS  را به عناصر HTML اضافه کرد:

روش اول– inline : در این روش استایل‌های هر عنصر داخل تگ نوشته می‌شوند.

روش دوم– internal : در این روش تمامی کدهای css صفحه در تگ head و style نوشته می‌شوند.

روش سوم– external : در این روش استایل‌ها در یک فایل سی اس اس جداگانه نوشته شده و لینک آن در header صفحه گنجانده می‌شود و بهترین روش برای افزودن CSS به HTML محسوب می‌شود.

 

رابطه‌ی HTML و CSS چیست

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

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

زبان شیوه نامه (استایل دهی) ، زبانی هست که نحوه نمایش متن و محتوای تولید شده توسط زبان نشانه گذاری رو برعهده داره.

در طراحی وب سایت از HTML برای ایجاد اجزای تشکیل دهنده سایت استفاده میشود پس از ایجاد اجزا تشکیل دهنده صفحه سایت را با استفاده از CSS به آن ها شکل میدهند زیرا اجزای صفحه به صورت نا مرتب و نا منظم بوده و فرم خاصی ندارند.

 

تفاوت CSS  با CSS3 چیست ؟
  1. تمایز مهم بین  css  و css3 این امکان است که css3  دارای بخش های مجزایی به نام ماژول است.ماژول ها باعث ایجاد امکان طراحی در زمان کمتر  و با سهولت بیشتری همرا با به روزرسانی ویژگی ها و مشخصات فردی می شوند
  2. Css3  امکان افکت های داینامیک و انعطاف پذیری زیاد فراهم کرده است.
  3. css3 این ورژن با حفظ تمام امکاناتی که در ورژن css 2 در دسترس است.
  4. یکی از مشکل های که در  css3  وجود داشت این بود که برای هر مرورگر کد های اختصاصی همان مرورگر را باید قرار داد تا در مرورگرها قابل مشاهده باشد که این مشکل در سال  2013 با منطبق شدن مرورگر ها با  css3 حل شد.

بدون نگرانی و محدودیتی سوال خود را درباره آکادمی طراحی وب دیجی پدیا اکنون بپرسید...
🔔 دیجی پدیایی نشدید؟ اولین نفر درباره آکادمی طراحی وب بپرسید و دیجی پدیایی باشید!!!