Warning: Declaration of Bootstrap_Walker::start_lvl(&$output, $depth) should be compatible with Walker_Nav_Menu::start_lvl(&$output, $depth = 0, $args = NULL) in /home/itport/public_html/wp-content/themes/itport-v5.0/functions/bootstrap-walker.php on line 25

Warning: Declaration of Bootstrap_Walker::end_lvl(&$output, $depth) should be compatible with Walker_Nav_Menu::end_lvl(&$output, $depth = 0, $args = NULL) in /home/itport/public_html/wp-content/themes/itport-v5.0/functions/bootstrap-walker.php on line 42

Warning: Declaration of Bootstrap_Walker::start_el(&$output, $item, $depth, $args) should be compatible with Walker_Nav_Menu::start_el(&$output, $data_object, $depth = 0, $args = NULL, $current_object_id = 0) in /home/itport/public_html/wp-content/themes/itport-v5.0/functions/bootstrap-walker.php on line 57

Warning: Declaration of Bootstrap_Walker::end_el(&$output, $item, $depth, $args) should be compatible with Walker_Nav_Menu::end_el(&$output, $data_object, $depth = 0, $args = NULL) in /home/itport/public_html/wp-content/themes/itport-v5.0/functions/bootstrap-walker.php on line 108
آی تی پورت | روش های به کار بردن css در وبسایت
Warning: Use of undefined constant url - assumed 'url' (this will throw an Error in a future version of PHP) in /home/itport/public_html/wp-content/themes/itport-v5.0/header.php on line 56

Warning: Use of undefined constant title - assumed 'title' (this will throw an Error in a future version of PHP) in /home/itport/public_html/wp-content/themes/itport-v5.0/header.php on line 57
تجارت الکترونیکطراحی وب

روش های به کار بردن 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>

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

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

گفتگو ها
    مدل نقاشی
    2012/07/25 22:32

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

    پاسخ
    محمدامین
    2012/07/25 23:17

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

    پاسخ
    فاطمه
    2012/07/26 10:28

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

    پاسخ
    فاطمه
    2012/07/26 10:42

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

    پاسخ
    poneh
    2013/01/07 18:57

    vvvvvvvvvvaaaaaaaayyyyyyyyyy dastet dard nakone
    az marge hatmi nejatam dadid

    پاسخ
    امیرعلی
    2015/02/12 19:36

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

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

    پاسخ