دوشنبه , 18 آذر 1398
  • اعضا
  • تماس با ما
  • فعالیت

تم کد

  • خانه
  • آموزش طراحی وب سایت
  • قالب سایت
  • سئو
  • گوناگون
  • وب گردی
  • Html5
  • Css3
  • Php
  • MySql
برترینها
  • فروش محصولات خوشخواب
  • منطقه حفاظت شده خسرو ارمنستان
  • اجاره ماشین در فرودگاه مهراباد
  • کیش، مرواریدی در قلب خلیج فارس
  • میدونید که جراحی زیبایی واژن چیست ؟
  • کاربرد استفاده از css
  • mysql چگونه نصب می شود ؟
شما اینجائید:خانه » آموزش طراحی وب سایت » فرانت اند( Front-End ) » Css3 » کاربرد استفاده از css

کاربرد استفاده از css

در Css3, Html5, آموزش طراحی وب سایت 0
css

css

css چیست ؟

CSS مخفف عبارت ( Cascading Style Sheet ) است .
از CSS ، برای قالب دهی و اعمال خواص مورد نظر به عناصر و تگ های موجود در صفحات HTML استفاده می شود .
با استفاده از امکانات CSS ، می توان صفحات HTML را با سرعت ودقت بيشتری طراحی کرد و باعث کاهش حجم کد نويسی می شود .
توسط خواص CSS ، می توان ظاهر ، رنگ ، نحوه نمايش ، موقعيت قرار گيری ، تراز بندی افقی و عمودی و … را برای عناصر HTML تعيين کرد .

نکته  : قبل از یادگرفتن css شما ابتدا باید html رو فول بلد باشین تا بتونین یاد بگیرین ، برای یادگیری html به بخش html در تم کد بروید 

کاربرد css

در اینجا با اشاره به موضوعی کلی دلیل استفاده از css را بیان می کنیم ، با تم کد همراه باشید

همانطور که می دانيد صفحات HTML ، از عناصر مختلفی مثل پاراگراف ، جداول ، عنوان ها و … غيره تشکيل شده اند . امروزه صفحات وب از حالت ساده و يکنواخت خارج شده و طراحان سعی می کنند تا با استفاده از جلوه های تصويری مثل استفاده از رنگ های مختلف ، حالت های نمايش گوناگون و … به جذابيت و زيبايي صفحات بيافزايند .
به عنوان مثال  در صفحات يک وب سايت ، يکسری عنوان ها ، پارگراف ها و جداول داريم که اين عناصر در بيشتر صفحات تکرار شده و دارای ويژگی های يکسانی هستند . به طور مثال برخی از عنوان ها رنگ سبز داشته ، يا بعضی از پاراگراف ها دارای نوع و اندازه خاصي از Font هستند و يا جداول دارای پس زمينه رنگی هستند . در اينجا 2 راه برای عنصر دهی وجود داره :

  1. در درون هر صفحه ، خواص مشترک را در تمام صفحات و در درون تگ های مورد نظر به صورت تکی تعيين کنيم ، که اين مسئله چند اشکال دارد :
    • باعث تکرار شدن خواص مشترک عناصر در تمام صفحات و تگ های مورد نظر می شود .
    • حجم کد نويسی بالا رفته و احتمال خطا افزايش می يابد .
    • سرعت طراحی صفحات بسيار کاهش می يابد .
    • اعمال تغييرات به عناصر بسيار وقت گير بوده و کار زيادی را می طلبد .
  2. ما ابتدا عناصر با خواص مشابه را بر حسب id و class آنها ، در گروه های يکسان قرار می دهيم . سپس در يک فايل Style بيرونی و يا در تگ Style در بخش Head صفحه ، خواص و ويژگی های مشترک را در يکجا برای همه آن گروه ها تعريف کرده و سپس هر يک از عناصر را به گروه مورد نظر ارتباط می دهيم .
    انجام روش دوم ، اشکالات روش اول را برطرف کرده و باعث می شود تا :

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

پیشنهاد : پیشنهاد می کنیم در کد نویسی css و html از نرم افزار html pad استفاده کنید ، این نرم افزار با کارایی زیبا و استفاده راحت کار کد نویسی را راحت می کند ، در مقاله بعدی در تم کد این نرم افزار را مفصل تر توضیح می دهیم

برچسبها
css
tweet
mysql چگونه نصب می شود ؟
میدونید که جراحی زیبایی واژن چیست ؟

مطالب مرتبط

  • Mysqlچیست و چه کاربردی دارد ؟

    Mysqlچیست و چه کاربردی دارد ؟

    مهر 11, 1396

  • شناسایی بازار در اینترنت

    شناسایی بازار در اینترنت

    مهر 10, 1396

  • تفاوت html و html5

    تفاوت html و html5

    مهر 6, 1396

  • اموزش تنظیم پس زمینه Background در CSS

    اموزش تنظیم پس زمینه Background در CSS

    شهریور 7, 1396

یک نظر بدهید

برای صرف‌نظر کردن از پاسخ‌گویی اینجا را کلیک نمایید.

نوشته‌های تازه

  • فروش محصولات خوشخواب
  • منطقه حفاظت شده خسرو ارمنستان
  • اجاره ماشین در فرودگاه مهراباد
  • کیش، مرواریدی در قلب خلیج فارس
  • میدونید که جراحی زیبایی واژن چیست ؟
  • کاربرد استفاده از css
  • mysql چگونه نصب می شود ؟
  • Mysqlچیست و چه کاربردی دارد ؟
  • شناسایی بازار در اینترنت
  • چگونه سرعت سایتمان را زیاد کنیم ؟

برچسب‌ها

Back-End Front-End Html JavaScript Mysql php چیست php چیه آموزش html آموزش دانلود از گوگل مارکت آموزش دانلود از گوگل پلی آموزش ساخت دیتابیس آموزش ساخت پایگاه داده اموزش طراحی وب سایت اندروید 5.1 بخشهای طراحی وب سایت تعریف php تعریف پی اچ پی تگ h1 تگ h1 تا h6 تگ html تگ title تگ های اصلی html تگهای اصلی html تگهای اصلی اچ تی ام ال دستور CREATE زبان php زبان php چیست ساخت جدول ساخت جدول در mysql ساخت دیتابیس ساخت دیتابیس با دستور CREATE ساخت دیتابیس در mysql شبکه اجتماعی شروع کار با زبان برنامه نویسی php طراح وب سایت خوب طراح وب سایت شدن قدم به قدم تا طراح وب سایت شدن مراحل طراحی وب سایت مزیت های زبان برنامه نویسی php معرفی زبان برنامه نویسی php نسخه های php هدینگ ها در html پایگاه داده پی اچ پی چیست پی اچ پی چیه
  • rss
© 2018