css
کارآیی CSS چیست؟
عبارت CSS که مختصرشده از عبارت Cascading Style Sheets به معنی (برگه های سبک آبشار) یا برگه های آبشاری است،یک زبان طراحی صفحات وب محسوب می شود.
اولین بار در تاریخ ۱۰ اکتبر سال ۱۹۹۴ بود که Hakon Wium Lie با همکاری «تیم برنرز لی» بحث سی اس اس را وسط کشیدند تا در نهایت در سال ۱۹۹۶، زبان CSS به صورت رسمی معرفی شود.
این زبان با هدف فرم دهی صفحات وب HTML و اجزای مختلف صفحات آن توسط کنسرسیوم بین المللی شبکه جهانی وب یا W3C توسعه داده شده است و در استاندارد RFC 2318 قرار گرفته است.
سی اس اس در کنار HTML و JavaScript از هسته های اصلی طراحی صفحات وب به حساب می‌آیند..
این زبان در طراحی وب دقیقا همانند تعیین دکوراسیون و رنگ آمیزی ساختمان اسکلت ، می ماند.
سی اس اس مانند HTML یک زبان نشانه گذاری است که اجازه می‌دهد ساختار صفحات وب را از چیدمان عناصر گرفته تا تغییر رنگ‌بندی و فونت‌ها شکل دهید.
مزایا و معایب CSS
- ویژگی های بیشتری برای کار با اجزای صفحات نسبت به HTML دارد.
- بهبود بخشیدن به سرعت وب سایت و زمان بارگذاری کمتر برای صفحات وب
- امکان ساخت جلوه های تصویری و انیمیشنی جذاب
- نگه داری آسان کدها
- جلوگیری از کدنویسی کثیف و غیر اصولی
سی اس اس در مقابل مزایای بسیار زیادی که دارد، شامل ضعف‌ها و محدودیت‌هایی هم می باشد. برخی از محدودیت‌های این زبان عبارتند از:
- نمی‌توان برای هر عنصر، گزینه بالاتر یا والد را انتخاب کرد. دلیل اصلی آن، بهبود کارایی در نمایش صفحات وب در مرورگرهای مختلف است.
- ناتوانی در نام گذاری نقش ها در زمان ارجاع script های بخش کاربر و تغییر Selectorها
- تفاوت کارکرد 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 چیست ؟
- تمایز مهم بین css و css3 این امکان است که css3 دارای بخش های مجزایی به نام ماژول است.ماژول ها باعث ایجاد امکان طراحی در زمان کمتر و با سهولت بیشتری همرا با به روزرسانی ویژگی ها و مشخصات فردی می شوند
- Css3 امکان افکت های داینامیک و انعطاف پذیری زیاد فراهم کرده است.
- css3 این ورژن با حفظ تمام امکاناتی که در ورژن css 2 در دسترس است.
- یکی از مشکل های که در css3 وجود داشت این بود که برای هر مرورگر کد های اختصاصی همان مرورگر را باید قرار داد تا در مرورگرها قابل مشاهده باشد که این مشکل در سال 2013 با منطبق شدن مرورگر ها با css3 حل شد.