- پالتی برای تمامی کسب و کارها
- تلفن تماس: 09339235906
زبان کد نویسی CSS از ملزومات زبان Html است. اما Css چیست و چه کاربردی در برنامه نویسی دارد. قبل از هر چیز باید بدانید CSS مخفف Cascading Style Sheet و به مفهوم صفحه یا برگه های آبشاری است. این بدین مفهوم است که کدهای CSS شبیه آبشار از بالا به پایین پردازش و اجرا میشوند.
زبان CSS با هدف فرمت دادن به صفحات و بخش های مختلف Html توسط کنسرسیوم بین المللی شبکه جهانی وب یا همان W3C ایجاد و توسعه داده شده است. بدون زبان CSS ساختار صفحات وب همچون: رنگبندی، سایز، چیدمان و … قابل قبول نیستند و در واقع زیبایی و جلوه بصری ندارند. در نتیجه زبان کدنویسی CSS یکی از اجزاء اصلی و مکمل HTML و JavaScript محسوب می شود.
برای درک بهتر مفهوم CSS و HTML به تصویر زیر دقت کنید. در واقع HTML زبان برنامه نویسی ساختار یا همان اسکلت سایت است و CSS حکم پوسته ظاهری و جنبه های گرافیکی و دیداری آن محسوب می شود.
ساختار اجرای کدهای CSS بسیار شبیه زبان انسان هستند. یعنی شما با حرف زدن از طریق این کدها به آنها فرمان اجرا می دهید. البته منظور از زبان انسان، افراد انگلیسی زبان است. ساختار زبان برنامه نویسی CSS از دو بخش تشکیل شده است:
۱- بخش انتخاب کننده (Selector)
۲- بلاک اعلان (Declaration)
برای اینکه شما بتوانید به Html استایل دهی کنید حتما باید تگی را انتخاب کنید. ما در جلسه دوم آموزش HTML5 درباره انواع تگ صحبت کردیم که میتوانید مجدد آن را مطالعه کنید.
انتخاب کننده ها یا Selector ها به چند دسته تقسیم میشوند که از طریق آنها امکان اعمال css یا Style بر روی HTML ها امکانپذیر است.
توسعه دهندگان به سه روش می توانند کدهای CSS را به ساختار HTML اضافه کنند:
۱- inline style:
در این روش کدهای CSS در میان تگ های HTML قرار میگیرد. کمتر توسعه دهنده ای از این روش برای اعمال کدهای CSS استفاده می کند. زیرا به مرورر زمان که میزان تگ ها و کدها افزایش پیدا می کند، توسعه دهنده دچار سردرگمی خواهد شد. در تصویر زیر CSS از طریق تگ Style داخل خود تگ div تعریف شده است. به این روش از استایل دادن inline style گفته می شود.
۲- internal style:
در این روش تمامی اطلاعات مربوط به css یک تگ، در بین تگ استایل <style></style> قرار میگیرد. پیشنها می شود تگ style در خارج از body و درون تگ head بعد از تگ title قرار بگیرد.
مزایای روش internal style:
معایب روش internal style:
– اعمال تغییرات تنها بر روی یک صفحه
۳- External style:
در این روش که تقریبا یک روش پرکاربد بین حرفه ای هاست کدهای html در یک صفحه و کدهای CSS در صفحه دیگر نوشته می شوند. نکته مهم در این روش اتصال صفحه CSS ها به صفحه HTML ها است. صفحه ای که برای cssها اجاد می شود حتما با پسوند دات سی اس اس css. ذخیره شود. سپس به صفحه html ها برگردید و در تگ head بعد از متاتگ ها(قبل از تگ titele) یک تگ link ایجاد کنید. سپس در تگ link اتریبیوت href آدرس صفحه css را وارد نمایید. برای ورود آدرس صفحه css ها حتما به شکل زیر اقدام کنید.
