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

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

طراحی وب

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

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

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

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

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

<head>

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

</head>

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

 

۲- درج 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> قرار گرفته اند.

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

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

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

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

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

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

گفتگو ها

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

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

    فاطمه

    ببخشید این کد باید در ویرایش قالب کپی بشه؟؟؟؟

    فاطمه

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

    poneh

    vvvvvvvvvvaaaaaaaayyyyyyyyyy dastet dard nakone
    az marge hatmi nejatam dadid

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

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