info@academyit.net 02144284207

​​CSS چیست

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

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

​​CSS چیست؟
 

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

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


مزیت های CSS :

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

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

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

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

​​CSS چیست؟

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

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

 

  

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

  

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

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

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

 


 

هیچ وب سایتی وجود ندارد که در آن از CSS  استفاده نشده باشد

آموزش CSS

 

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

 

هنوز نظری برای این مقاله ثبت نشده است ...

ارسال نظر