close
تبلیغات
طریقه استعمال از کدهای CSS
close
تبلیغات
ثبت لینک و بنر در اینجا
کسب درآمد اینترنتی
loading...
YourAds Here YourAds Here

مرجع مقالات رسمی طراحی سایت

بازدید : 3
يکشنبه 14 مهر 1398 زمان : 10:35


طریقه استعمال از کدهای CSS
پیش از ظهور CSS، نسبتاً همگی ویژگیهای پباده سازی کدهای HTML صفحه های وبسایت ها، داخل خویش تگها و کدهای HTML قرار داده می شدند. همگی فونت ها، رنگ ها، پیش قضیه ها، همطرازی ها، حواشی و سایزها بایستی بصورت صریح بیان می شدند و اکثر وقت ها تکراری از مکررات، در کدهای HTML به چشم می‌خورد. CSS به طراحان این اذن را بخشید تا اکثر داده ها به بخشی مستقل که برای این خواسته پباده سازی گردیده بود، منتقل نمایند که باعث به ارتقا چشمگیری در آسانی و خوانایی کدهای HTML شد.

طراحی سایت در مشهد

راز تیترها (تگ های h1)، پایین تیترها (h2)، و غیره، بطور ساختاری با HTML تعریف‌و‌تمجید می‌شوند. در ورژن چاپی و ورژن نمایشی، تعیین فونت ها، رنگ ها، و غیره، یه خرده توانند تماما گوناگون باشند.

پیش از ظهور CSS، طراحان صفحه ها اینترنتی، که می خواستند چنین مشخصه های تایپوگرافی را به عنوان مثال به تمام h2 ها اعمال نمایند، بدون چاره بودند تا از تگ font و دیگر تگ ها که از تگ های HTML هست برای تمام h2 به کار گیری نمایند. خصوصیت های پباده سازی هنگامی به کدهای HTML طولانی تر میشوند، صفحه ها را پیچیده خواهند کرد و بیش تر از تمامی انجام تغییرات آتی در صفحه های را مشکلتر خواهند کرد. در ورژن چاپی، CSS قادر است رنگ، فونت، همطرازی متن ها، سایز، کناره، مسافت، وضعیت و بخش اعظمی دیگر از مشخصه های تایپوگرافی پباده سازی را در خویش جای دهد.

اینکار میتواند بطور تماما جداازهم برای هریک از ورژن های چاپی و نمایشی گزینه به کارگیری قرار گیرد. CSS همینطور ویژگیهای غیر بصری را نیز تمجید میکند، ویژگیهایی نظیر سرعت قرائت و تاکید بر روی متونی که به وسیله ابزارها و قابل انعطاف افزارهای پخش صوتی متن ها آیتم به کارگیری قرار می‌گیرند. کنسرسیوم کانال جهانی اینترنت W3C حالا مزیت CSS را برای تعریف‌و‌تمجید تمام ویژگیهای پباده سازی صفحه ها HTML بر کلیه روشهای دیگر ارجح دانسته بطوریکه با ظهور CSS، به کارگیری محض از HTML فارغ از CSS، جلوه بدی را بخود گرفته می‌باشد.


طرز رابطه CSS با HTML
داده ها CSS قادر است از منابع مختلفی تامین شوند. CSSها می‌توانند بصورت فایلی جدا از هم پیوست کدهای HTML شوند و یا این که داخل کدهای HTML جاسازی شوند. میتوان در یک ورقه، یکسری فولدر CSS را از خارج فراخوانی کرد. حتی می قدرت CSSهای به طور کامل متفاوتی را برای ورژن چاپی و ورژن نمایشی تهیه و تنظیم و بهره برد. به عنوان مثال، ورژن نمایشی (آن چیزی که بر روی مرورگرها نمایش داده میشود)، قادر است تماما گوناگون از ورژن چاپی به عبارتی ورقه باشد بطوریکه طراحان میتوانند با اعتنا بالاتری، نیازهای پباده سازی را در‌این دو اطراف مستقل، پباده سازی و پیاده سازی کنند.

الویت در منابع CSS
الویت در منابع CSS (از بالاترین به پایینترین):
CSSهای مندرج بوسیله طراحان تارنما:
CSSهای داخل خطی: داخل کدهای HTML صفحه ها، ویژگیهای پباده سازی برای یک المان یگانه، با به کارگیری از "style" معین میگردند.
CSSهای جاسازی درونی، بلوکی از کدهای CSS باطن خویش ورقه HTML
CSSهای فرنگی، یعنی فایلی جدا از CSS که از ورقه HTML به آن ارجاع داده می گردد.
CSSهای یوزرها:
فایلی از CSS می‌باشد که استفاده کننده اینترنتی به وسیله مرورگر خویش آن را گزینش می‌کند و به تمام صفحه ها اعمال می‌گردد.
CSSهای پیش فرض:
CSSهایی می‌باشند که بطور پیش فرض بوسیله مرورگر اعمال می گردند. با وجود این CSSهای پیش فرض، نیاز نخواهیم داشت تا همگی CSSهای یک المان را تعریف‌و‌تمجید و پیاده سازی نماییم.
استایلی که بیشترین الویت را داراست، محتوای نشان داده گردیده را در دست گرفتن میکند. الویت ها به ترتیبی می باشد که در صدر توضیح داده گردیده اند. در شرایطی که استایلی با الویت بالاتری پیدا نشود، الویت پایینتر بازبینی خواهد شد. بسته به دسته مرورگر آیتم استعمال، استفاده کننده میتواند از یکی CSSهای ارائه گردیده بوسیله طراح استعمال کند و یا این که آنکه کلیه آنان‌را حذف کند و کاغذ را با CSSهای پیش فرض مرورگر مشاهده کند و یا این که آنکه ممکن می باشد بخواهد سرتیترهای قرمز ایتالیک را سوای تغییرات در دیگر استایلها حذف کند.

نظرات این مطلب

تعداد صفحات : 10

درباره ما
اطلاعات کاربری
نام کاربری :
رمز عبور :
  • فراموشی رمز عبور؟
  • آرشیو
    خبر نامه


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


    ایمیل شما :

    ایمیل دوست شما :



    چت باکس
    پیوندهای روزانه
    آمار سایت
  • کل مطالب : 103
  • کل نظرات : 0
  • افراد آنلاین : 1
  • تعداد اعضا : 0
  • بازدید امروز : 29
  • بازدید کننده امروز : 1
  • باردید دیروز : 0
  • بازدید کننده دیروز : 0
  • گوگل امروز : 0
  • گوگل دیروز : 0
  • بازدید هفته : 30
  • بازدید ماه : 94
  • بازدید سال : 394
  • بازدید کلی : 394
  • کدهای اختصاصی