css کاربردش چیست و چگونه کار میکند؟
با کمک html ما صفحات سایت ها را میسازیم، این که چه متنی در صفحه قرار بگیرد، با html آن متن مشخص می شود. چه عکس هایی در صفحه هستند؟ در کل با html چهارچوب و پایه صفحات سایت شکل میگیرد. بعد از این که نیاز است که به سراغ ظاهر برویم و صفحات را قشنگ تر کنیم.
مثلا یک کلمه از متن آبی رنگ شود، برای نمایش تصاویر از یک جلوه و بک گراندی استفاده شود و هر کاری که با ظاهر ارتباط دارد.
- بخشی از کارهایی که با Css انجام می شود، توسط خود html هم قابلیت اجرا را دارد.
- برای اینکه صفحات وب از حالت متن ساده که با html زده شده است و با Css رنگ آمیزی شده است، حالت پویاتری بگیرد، از جاوا اسکریپت js استفاده می شود.
هر المان html که در صفحه وب به کار برده می شود، توسط css می تواند استایل بپذیرد و ظاهرش تغییر کند.
چگونه از css استفاده کنیم؟
همان طور که در بیان شد، css به کمک ما می آید که المان های زیباتری در صفحات داشته باشیم. پس برای اینکه از Css استفاده کنیم، باید مشخص کنیم که چه المانی ( selector- سلکتورها) ، چه ویژگی از آن ( property- پراپرتی) و به چه مقداری ( value) تغییر پیدا کند.
انواع سلکتورها
برای اینکه یک المان را در صفحه html انتخاب کنیم، به 3 روش می توان به آن دست پیدا کرد.
- خود تگ : مثلا تمامی تگ های p
- با id
- با class
اما کجا فایل های css را باید قرار دهیم؟
مکان قرارگیری css
می توانید با توجه به شرایط یکی از 3 روش زیر را انتخاب کنید و فایل های استایل را اونجا فراخوانی کنید.
- درون خط – inline css
- داخلی – internal css
- خارجی- external css
دیدگاهتان را بنویسید