تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
نمایش نتایج: از 1 به 2 از 2

موضوع: استفاده از Padding و Margin در طراحی سایت

  1. Top | #1
    کاربر اخراجی

    تاریخ عضویت
    Apr 2012
    ورژن ویبولتین
    4.1
    نوشته ها
    15
    موردپسند
    1 بار
    اطلاعات
    Windows 7/Server 2008 R2 Firefox 39.0
    میزان امتیاز
    0

    پیش فرض استفاده از Padding و Margin در طراحی سایت




    Padding و Margin در طراحی سایت

    تمام فضا های در طراحی سایت با استفاده از باکس ها و Div ها ایجاد می شوند که دارای عرض و ارتفاع معینی می باشند . اما تمام این باکسها با استفاده از دو کد Padding و Margin در CSS ازهم جدا می شوند که شامل فاصله محتوای درون باکس , فضای اطراف و حاشیه تمام موارد است .
    Padding و Margin در طراحی سایت دو کد بسیار کاربردی Css می باشند که استفاده درست از آنها کاربر پسند بودن و جذابیت سایت را بالا می برد .این دو کد در طراحی سایت تفاوت هایی در کاربردشان دارند که در زیر به توضیح این دو کد می پردازیم.
    استفاده از Padding در طراحی سایت

    Padding فاصله بین متن یا هر محتوای دیگر درون باکس با حاشیه های باکس است . هم چنین برای آراستن ظاهری وب سایت در طراحی سایت نیز کاربرد دارد. در زیر نمایش دقیق از Padding را با کد و تصویر توضیح می دهم.
    Div
    {
    Width:400px
    Margin:10px 0 10px 0
    Border:3px solid #813d0c
    Padding:15 px
    {
    در کد بالا ما یک DIV را با پهنای ۴۰۰ پیکسل ایجاد کرده ایم در شکل زیر دقیقا کدهای زیر اعمال شده است . که شامل Margin ده پیکسل به همراه یک حاشیه با کد رنگ۸۱۳d0c (border) 3 پیکسلی به همراه فاصله متن داخلی از حاشیه (padding) 15 پیکسل می باشد.
    استفاده از Margin در طراحی سایت

    بر خلاف padding که فاصله داخلی باکس را شامل می شود Margin فاصله ی باکس از فضای اطراف را شامل می شود که این فضای خارجی می تواندیک باکس دیگر نیز باشد . کد Margin را می توانیم به چند صورت استفاده کنیم Margin-top که فاصله خارحی از بالا را اعمال می کند . Margin-bottom فاصله خارجی از پایین باکس را اعمال می کند. Margin-left فاصله از طرف چپ می باشد و همان طور Margin-right فاصله از سمت راست را شامل می شود. البته به دو صورت دیگر می توانیم از Margin استفاه نماییم. در شکل زیر می توانید کد زیر را ببینید:
    Margin:10px 8px 5px 15px
    همچنین می توانیم از این کد نیز استفاده نماییم در شکل زیر نیز می توانید ببینید:
    Margin:10px 5px
    حال اگر از کد زیر استفاه کنیم به هر چهار حالت Margin اعمال می شود
    Margin:10px
    توجه داشته باشید که تمام موارد که در مورد Margin گفته شد روی Paddin هم قابل اجراست بدین صورت که :
    Padding-left , padding-right , padding-top ، Padding-bottom و همچنین کد های زیر نیز مثل Margin اعمال می شود.
    Padding:10px 5px 4px 11px
    Padding:10px 7px
    Padding:10px
    استفاده از Padding و Margin در طراحی سایت به زیبایی وب سایت شما کمک بزرگی می کند که در نتیجه موجب بهبود سئو سایت و بهینه سازی وبسایت شما خواهد شد .




  2. گیفت کارت آیتونز

  3. Top | #2
    کاربر سایت

    تاریخ عضویت
    Nov 2016
    ورژن ویبولتین
    ویبولتین
    نوشته ها
    3
    موردپسند
    1 بار
    اطلاعات
    Windows 7/Server 2008 R2 Chrome 43.0.2357.134
    میزان امتیاز
    0

    پیش فرض

    عالی بود مرسی از شما دوست عزیز لطفا از تجهیزات هتل ما هم بهره ببرید .

اطلاعات موضوع

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

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. عرض Padding مربوط به Sidebar رو چطوری تغییر بدم.
    توسط Dark-Knight در انجمن پرسش و پاسخ
    پاسخ: 4
    آخرين نوشته: 2014/07/21, 09:53 AM
  2. نویز وسیگنال اینترنت شما
    توسط بیرجند در انجمن پرسش و پاسخ
    پاسخ: 5
    آخرين نوشته: 2013/12/01, 12:56 AM
  3. پاسخ: 9
    آخرين نوشته: 2012/06/27, 09:52 PM
  4. برداشتن padding بین هدر و navbar
    توسط Hosna Soft در انجمن پرسش و پاسخ
    پاسخ: 3
    آخرين نوشته: 2011/03/18, 03:53 AM

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •