رفتن به مطلب

کاربران گرامی تاپیک تخفیف ویژه طراحان سایت  رو مطالعه کنید و حتما از این فرصت بی نظیر و عالی نهایت استفاده را بکنید.

کاربران گرامی تاپیک دعوت به همکاری با سایت  رو مطالعه کنید و در صورت علاقه می توانید برای خودتون درآمد کسب کنید و پول در بیارید.

×
×
  • اضافه کردن...

دليل استفاده و کاربرد CSS

امتیاز دادن به این موضوع:


براي جلوگیری از تکراری شدن تاپیک ها قبل از ارسال از قسمت جستجوی سایت استفاده کنید. تاپیک های تکراری حذف خواهند شد.

تاپیک ها باید در انجمن های مناسب زده شوند. قبل از ارسال تاپیک عنوان انجمن را بخوانید.

ارسال های توصیه شده

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

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

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

در درون هر صفحه ، خواص مشترک را در تمام صفحات و در درون تگ های مورد نظر به صورت تکی تعيين کنيم ، که اين مسئله چند اشکال دارد :

باعث تکرار شدن خواص مشترک عناصر در تمام صفحات و تگ های مورد نظر می شود .

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

سرعت طراحی صفحات بسيار کاهش می يابد .

اعمال تغييرات به عناصر بسيار وقت گير بوده و کار زيادی را می طلبد .

ما ابتدا عناصر با خواص مشابه را بر حسب id و class آنها ، در گروه های يکسان قرار می دهيم . سپس در يک فايل Style بيرونی و يا در تگ Style در بخش Head صفحه ، خواص و ويژگی های مشترک را در يکجا برای همه آن گروه ها تعريف کرده و سپس هر يک از عناصر را به گروه مورد نظر ارتباط می دهيم . برای آشنايي با روش دسته بندی و ارتباط عناصر در CSS ، به بخش آموزش تگ < style > در HTML برويد .

انجام روش دوم ، اشکالات روش اول را برطرف کرده و باعث می شود تا :

خواص مشابه در عناصر و تگ ها تکرار نشود .

حجم کد نويسی کاهش يافته و احتمال خطا کمتر می شود .

سرعت طراحی صفحات افزايش می يابد .

اعمال تغييرات به صفحات بسيار سريع و راحت صورت می گيرد .

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

  • پاسخ 1
  • ایجاد شد
  • آخرین پاسخ

بهترین ارسال کنندگان این موضوع

روزهای محبوب

بهترین ارسال کنندگان این موضوع

البته بم که این سی اس اس برای وبلاگ خوب نیست چون ویرایشش وقت گیره

لینک به دیدگاه
به اشتراک گذاری در سایت های دیگر

در تاپیک ها، اگر سوال يا نظر خاصي نداريد لطفا فقط از دکمه می پسندم و ... استفاده کنيد. نظراتي مانند مرسی، خوب بود، ممنون و ... شامل اسپم هستند و باعث کاهش کيفيت پست ها مي شوند.

بالا آوردن تاپیک ها و پست ها قبل از 48 ساعت ممنوع است و موجب حذف آنها خواهد شد.

این موضوع کاملا قدیمی است. لطفا به جای بروز کردن این موضوع در نظر شروع یک موضوع جدید باشید مگر این که لازم به بروز رسانی این موضوع باشید.

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

  • کاربران آنلاین در این صفحه   0 کاربر

    هیچ کاربر عضوی،در حال مشاهده این صفحه نیست.

اطلاعیه ها

  • >> تولد پسرم ---- کوپن amirali << >> تخفیف 60.000 هزار تومانی هر کاربر می تواند 2 بار استفاده کند <<