تجارت الکترونیکطراحی وب

روش های به کار بردن css در وبسایت

طراحی وب

سلام به همه دوستان در این پست به شما آموزش میدهیم که چگونه از فایل CSS در وب سایت خود استفاده کنید اگر سوالی برای شما پیش آمد با ما درمیان بگذارید تا به سوال شما رسیدگی کنیم. موفق باشید 🙂

برای درج Css (سی اس اس) در وب سه راه وجود دارد:

1- اتصال به فایل css خارجی:

در این روش وب به یک فایل css اتصال می یابد و استایل های وب از داخل فایل بارگذاری میشود.

برای به کار بردن این روش کد زیر را به این صورت در <head> وب قرار میدهیم:

<head>

<link rel=”stylesheet” type=”text/css” href=”mystyle.css” />

</head>

در این کد اطلاعات استایل وب از فایل mystyle.css بارگذاری میشود.

 

2- درج css در صفحه وب:

در این روش استایل های css در خود صفحه ی وب درج میشود.

برای استفاده از این روش از تگ <style> استفاده می کنیم، به این صورت:

<head>

<style type=”text/css”>

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url(“images/back40.gif”);}

</style>

</head>

در اینجا استایل های سی اس اس در داخل تگ <style> قرار گرفته اند.

3- درج css در خود شی:

در این روش استایل های css هر شی در تگ مربوطه خودش نوشته میشود.

برای این کار در تگ انتخابی style=”” را اضافه کنید به این صورت:

<p style=”color:sienna;margin-left:20px”>This is a paragraph.</p>

در انتها روش پیشنهادی ما به شما روش شماره یک (فایل خارجی) هست که تغییر آن ساده تر است و به افزایش سرعت بارگذاری وب کمک میکند.

منتظر نظرات و پیشنهادات شما هستیم 🙂

گفتگوها
  1. امیرعلی

    با عرض سلام و خسته نباشید

    چه جوری میشه در طراحی وردپرس فایل css را به html وصل کرد؟؟؟

  2. vvvvvvvvvvaaaaaaaayyyyyyyyyy dastet dard nakone
    az marge hatmi nejatam dadid

    1. پاسخ به poneh
      محمد النصار

      خوشحالم براتون مفید بوده 🙂

  3. فاطمه

    بازم ببخشيد من دوميو كپي كردم…حالا بايد كداي پس زمينو رو كپي كنم؟؟؟؟؟؟؟(شرمنده ميتديم ديگه)

    1. پاسخ به فاطمه
      محمد النصار

      خواهش میکنم بپرسید ما خوشحال میشیم 🙂
      بله کد های پس زمینه رو بین style و /style بزارید

  4. فاطمه

    ببخشيد اين كد بايد در ويرايش قالب كپي بشه؟؟؟؟

    1. پاسخ به فاطمه
      محمد النصار

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

  5. محمدامین

    مرسی . خیلی ساده و روان بود

    1. پاسخ به محمدامین
      mohamad alnesar

      خواهش 😀

  6. مدل نقاشی

    سلام
    لوگوی خیلی قشنگی دارین
    از دیدن اون لذت بردم
    پاینده باشید

    1. پاسخ به مدل نقاشی
      حسین جاهدی

      سلام
      ممنون 🙂

شما چه فکر می‌کنید؟

تجربه یا پرسشتان را با ما در میان بگذارید. ایمیل شما منتشر نمی‌شود.

فقط متن ساده بنویسید؛ HTML پذیرفته نمی‌شود و نشانی‌ها به صورت لینک نمایش داده نمی‌شوند.

این سایت از اکیسمت برای کاهش جفنگ استفاده می‌کند. درباره چگونگی پردازش داده‌های دیدگاه خود بیشتر بدانید.