قالب وردپرس پوسته وردپرس قالب فروشگاهی وردپس
خانه / آموزش css / آموزش جامع css

آموزش جامع css

در جلسه قبل با مفهوم و کاربرد CSS آشنا شدیم، در این مقاله از سری مقالات آموزش CSS قصد داریم به این مبحث بپردازیم که چگونه و با استفاده از چه روش هایی می توان کدهای CSS را به صفحات وب متصل کرد؟

شیوه های وارد کردن کد CSS در صفحات وب

برای الحاق دستورات  CSS سه روش وجود دارد:

  • فراخوانی خارجی
  • روش Inline syle sheet در CSS
  • روش Inline-style

روش اول : در این روش تمام دستورات CSS را درون یک فایل خارج از صفحه اصلی می گذاریم.در یک فایل با پسوند .css و سپس آن فایل را به صفحه الحاق می کنیم.این روش مزیتی دارد که برای تغییرات دستورات CSS ، مستقیما به سراغ فایل CSS مورد نظر رفته و دستورات CSS را عوض می کنیم.این روش مزیت دیگری دارد که از شلوغ شدن صفحات وب جلوگیری می کند و کدهای CSS را در یک فایل کاملا مجزا قرار می دهد.از اینرو یکی از روش های رایج در فراخوانی دستورات CSS ،استفاده از فایل های خارجی (external) می باشد.(در صورت نیاز به آموزش تصویری CSS رجوع نمایید)

روش دوم:

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

<style>
body {
    background-color: linen;
}

h1 {
    color: maroon;
    margin-left: 40px;
}
</style>

در مثال بالا می بینیم که دستورات CSS در داخل یک تگ style نهفته شده است،از اینرو به این روش در CSS ،روش Inline style sheet یا فراخوانی داخلی گفته می شود.حسن این روش در CSS یکجا بودن دستورات و دسترسی سریعتر و همچنین عدم تعدد فایل های طراحی می باشد.

روش سوم:

در روش سوم کدهای CSS را در درون تگ ابتدایی در HTML می نویسیم، اگر بخواهیم در CSS این موضوع ا بهتر متوجه شویم این مثال را دقت کنید:

 <h1 style="color:Red;margin-left:3px;">heading.</h1>

در این مثال می بینید که با استفاده از خصوصیت (attribute) به نام style ،یک سری دستورات CSS را به این تگ اضافه کرده ایم.اولویت در دستورات CSS  : در CSS اولویت با روش سوم است.یعنی هرچه دستورات CSS ، به تگ نزدیکتر شوند ، اولویت اجرای انها توسط مرورگر بالاتر خواهد بود.به همین دلیل می توان از روش سوم برای افزودن خصوصیات CSS به صورت اختصاصی استفاده نمود.نحوه افزودن کدهای CSS به صفحات وب

با توجه به درخواست های مکرر دوستان ، به آموزش برنامه نویسی آندروید نیز خواهیم پرداخت.

 

سايت بزرگ کليک سايت،بهترين مرجع در ضمينه آموزش طراحي سايت و آموزش html و آموزش css ميباشد.تمامي فيلم هاي آموزشي اين سايت توسط استادان کاردان و بسيار با تجربه تهيه شده که تضميني بر کيفيت بالاي تمامي آن ها است.قيمت محصولات نيز کاملا رقابتي بوده و با مقايسه آن با ساير سايت ها ميتوان به خوبي متوجه اين موضوع شد.

درباره ی admin

مطلب پیشنهادی

نکات مهم css

در ادامه مقالات آموزش CSS : شاید تا کنون دو مفهوم inline-block و float را …

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

قالب وردپرس پوسته وردپرس قالب فروشگاهی وردپس