ورود به سایت

لوگو آکادمی آی تی
info[at]academyit.net 09126492189 09126492189

​​CSS چیست

CSS یا cascading style sheets  نام زبان بسیار محبوب و پرکاربردی هست که به وسیله اون میتونید کل خصوصیت های بخش های مختلف صفحه رو کنترل کنید ، من همیشه این مثال رو میزنم که اگر شما صفحه وب سایت رو به یک ساختمان تشبیه کنید کا اسکلت اون ساختمان رو با زبان HTML میسازیم.

اما قطعا اون ساختمان فضای مناسبی برای زندگی ما نخواهد بود و لازمه هنوز کلی کار روش انجام بشه تا  به فضای مناسبی تبدیل بشه ، همون فضا رو میتونید بدید دست یک شخصی که کارش دیزاین هست و اونقدر اون فضا رو زیبا طراحی  کنه که لذت ببرید و یا اینکه میتونید از یه آدم ناوارد بخواهید اونجا رو براتون طراحی کنه که اصلا زیبا از آب در نیاد .
CSS هم توی وب سایت حکم همین مطلب رو داره ، ببین دوست من خیلی ها بلد هستن از HTML استفاده کنن و مثلا یه لینک بسازن و ... اما هنر استفاده از CSS هست که یک سایت رو جذاب میکنه و شما دوست داری توی اون صفحه بمونی و از زیبایی هاش لذت ببری ، شما با CSS میتونید توی وب سایتتون جادو کنید و یک صفحه ای که با HTML ایجاد شده و خیلی زیبا نیست رو به یک صفحه بسیار زیبا تبدیل کنی !


 

چه کار هایی رو با CSS  میتونیم انجام بدیم ؟

  • با CSS میتونیم فونت های بسیار زیبایی رو توی صفحات وب سایت استفاده کنیم .
  • میتونیم به هر المنت صفحه خصوصیت های مختلفی بدیم مثل بکگراند تصویری و رنگی و حاشیه و ... .
  • میتونیم از انیمیشن های مختلفی استفاده کنیم .
  • استفاده از CSS باعث میشه تا حدودی وب سایت ما پویا بشه.
  • میتونیم گوشه های هر المنتی رو اصلاحا خمیده کنیم یا بهش Radius بدیم.
  • میتونیم بخش های مختلف صفحه رو شفاف کنیم یا اصطلاحا Opacity هر بخش رو کنترل کنیم .
  • و...


مزیت های CSS :

  • اولین مزیت اینه که توی CSS شما به تعداد بسیار زیادی خصوصیت دسترسی دارید که توی HTML اصلا قابل کنترل نیستن.
  • باعث میشه سرعت لود سایت شما بیاد بالا چون علاوه بر اینکه بعضی از خصوصیاتش مثل گرادینت (طیف رنگی) و border-radius و ... باعث میشه دیگه کمتر نیاز به استفاده از تصاویر باشه ، کل فایل ها CSS شما روی سیستم کاربر نیز ذخیره میشه (Cache) .
  • استفاده از CSS قطعا وب سایت شما رو بسیار زیبا خواهد کرد .
  • و...

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

ساختار دستورات CSS : 

زمانی که میخواهیم CSS بنویسیم باید در ابتدا مشخص کنیم خصوصیت چه چیزی رو توی صفحه میخوایم کنترل کنیم و بعد واسه اون خصوصیت های مختلف رو بنویسیم . توی تصویر زیر نحوه نگارش کد های CSS رو براتون مشخص کردیم :

روش های مختلف استفاده کردن از CSS : 

اولین روش که بسیار هم پرکاربرد می باشد و تاثیر بسیار زیادی رو روی سرعت لود وب سایت داره روش خارجی یا External هست ، توی این روش یک فایل CSS جداگانه داریم که اونو به فایلهای HTML خودمون اصطلاحا لینک یا attach میکنیم به این صورت که توی Head صفحات Html مون از تگ لینک استفاده میکنیم به این صورت : 

 


 

روش دوم استفاده از روش داخلی یا internal هست که داخل هر صفحه html به صورت مجزا کدها رو مینویسیم :
 


 

روش آخر هم که کمترین استفاده رو داره درون خطی یا Inline هست که داخل تگ های html و با استفاده از خصوصیت style می نویسیم :
 


 
در صورتی که به آموزش CSS علاقه مند هستید میتونید با استفاده از دوره آموزشی ویدئویی آکادمی آی تی به این زبان و کلیه خصوصیت هاش کاملا مسلط بشید :

برای استفاده از این آموزش های کاربردی و پروژه محور میتونید از لینک زیر استفاده نمایید  : 

 


 

امیدوارم مواردی که توی این مقاله مورد بررسی قرار دادیم تونسته باشه به شما دوست عزیزم کمک کنه که در طراحی وب سایت یک قدم جلوتر برید و کارهایی بهتر و حرفه ای تری رو انجام بدید و اما اگر شما دوست عزیز مشتاق یادگیری طراحی سایت هستید و در این رابطه نیاز به آموزش دارید میتونید با مطالبی که در صفحه آموزش طراحی سایت نوشتیم مسیر درستی رو انتخاب کنید و با یادگیری موارد مختلف به یک طراح سایت حرفه ای تبدیل بشید ، با استفاده از آموزش طراحی سایت حرفه ای آکادمی آی تی میتونید به صورت ویدئویی و کاملا کاربردی از صفر آموزش طراحی سایت رو آغاز کنید و قدم به قدم  به یک طراح سایت حرفه ای تبدیل بشد و خودتون رو برای ورود به بازار کار آکاده کنید .