آموزش Margin| CSS

  • 557
آموزش تخصصی Margin| CSS

خصوصیت margin برای ایجاد فاصله بین المنت های صفحه خارج ازborder  تعریف شده می باشد.

برای تمام طرف های المنت می توانیم margin در نظر بگیریم.

p {

    margin-top: 100px;         فاصله از بالا

    margin-bottom: 100px;      فاصله از پایین

    margin-right: 150px;          فاصله از سمت راست

    margin-left: 80px;                فاصله از سمت چپ

}

 

p {

    margin: 25px 50px 75px 100px;        (به ترتیب : بالا 25، راست50 ، پایین75 ، چپ100)

}

 

p {

    margin: 25px 50px 75px;        (به ترتیب : بالا25 ، چپ و راست50 ، پایین75 )

}

p {

    margin: 25px 50px;            (بالا و پایین 25 ، چپ و راست 50)

}

 p {

    margin: 25px;    (فاصله از هر طرف25)

}

با قرار دادن margin‌های چپ و راست به auto باعث می شوید تا آن عنصر از نظر افقی در وسط قرار گیرد. آن عنصر، اندازه ای که شما برای آن پهنا در نظر گرفته اید را می‌پذیرد، سپس باقی فضا را به طور مساوی به margin برای طرفین خودش اختصاص می‌دهد.

Margin: 0 auto;

مشکل زمانی رخ می‌دهد که پهنای مرورگر از آن اندازه ای که شما برای عنصر اختصاص داده اید کمتر باشد.

با استفاده از max-width به جای width در این حالت، مرورگرهای با اندازه ی کوچک، بهتر می‌توانند عمل کنند.

    آخرین مقالات

  • ارتقا رتبه هر مقاله وبلاگ در موتور جستجو

    هر مقاله ای که می نویسید در سئو سایت شما موثر است.اما خبر بد این است که شما باید درک مناسبی از سئو داشته باشید تا بتوانید مقالات خود را در صدر نتایج نگه دارید.

  • تولید محتوا موفق

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

  • شناخت محتوا و محتوا نویسی

    با دگرگونی بازاریابی دیجیتال در حوزه وب و تغییر الگوریتم های جستجو در گوگل ،بازاریابی محتوایی به شدت رونق گرفته است.اما نکته مهم در این میان تولید محتوا خوب و موثر و متناسب با تجارت شماست که باید مورد توجه قرار بگیرد.

  • طراحی سایت سفارشی یا استفاده از سرویس های آماده

    در این مقاله به مقایسه طراحی وب سایت سفارشی در مقابل استفاده از سرویس های آماده و بررسی مزایا و معایب استفاده از هر کدام می پردازیم.

  • بازاریابی درونگرا در مقابل سئو

    بازاریابی درونگرا به معنی بازار یابی محتوا ، شبکه های اجتماعی و ... پس از جذب مشتری است و سئو به معنای بهینه سازی سایت برای بهبود رتبه در نتایج جستجو.در این مقاله در مورد اینکه کدامیک از این تاکتیک ها مناسبتر است، صحبت می کنیم.

  • NoSQL چیست

    NoSQL برای توصیف پایگاه داده هایی با کارآیی بالا و غیر رابطه ای ( non-relational) استفاده می شود. پایگاه داده های NoSQL از انواع مدل داده ، از جمله سند، گراف، مقدار- کلید و ستون استفاده می کنند.

  • 5 دلیل کندی سایت

    در این مقاله قصد داریم به 5 مورد از مهمترین عواملی که با توجه به بررسی ما روی بازدهی سایت تاثیر دارند ، بپردازیم.

  • قابلیت Nofollow در وبسایت ها

    قابلیت Nofollow به منتشران محتوا در وبسایت های مختلف این اجازه را میدهد که بدون محسابه تعداد مطالب بازدید شده رتبه سایت در لیست موارد جستجو شده در موتور های جستجوی مختلف بالا برود و آمار نادرستی را به شما بدهد .

  • اپلیکیشن یا وب سایت

    بسیاری از شرکتها و کارآفرینان ابتدا به سمت توسعه اپلیکشن موبایل می روند ، که ممکن است اشتباه بزرگی باشد .می دانم که این روشی جذاب برای ارتباط با کاربر است ، اما قبل از شروع ساخت سایت یا اپلیکیشن ، حتما 10 پرسش مطرح شده را مد نظر داشته باشید.

  • 7 ملاک برتر رتبه بندی در سال 2018

    به نظر میرسد گوگل هر سال ملاکهای رتبه بندی جدیدی به ما ارائه می دهد. در سال 2018 ، به نظر می رسد بزرگترین ملاک رتبه بندی که روی آن تمرکز شده است ، سرعت بارگذاری صفحات در موبایل می باشد.

  • 7 تکنیک بازاریابی برای تولید محتوای مناسب

    کریستوفر جونز 7 استرتژی جهت تولید محتوای مناسب که ترافیک را به سمت وب سایت شما هدایت میکند مشخص میکند.بنابرین برای داشتن یک بازاریابی موفق تنها تولید محتوا کافی نیست بلکه بایستی که بتوانیم این محتوا را ارتقا دهیم ، در این مقاله به 7 تکنیک ارتقا محتوا اشاره میشود .

  • ایندکس سریع محتوا

    بحثهای زیادی در گروه های SEO در فیسبوک و خود فروم های گوگل ، در مورد ایندکس نشدن صفحات جدید سایت توسط موتور جستجو گوگل مطرح می شود.ابزار ارسال URL یک روش آسان برای ایندکس شدن محتوا جدید منتشر شده است ، اما ضروری نیست.

  • بهینه سازی اپلیکیشن موبایل

    آیا اپلیکیشنی دارید که مایلید در نتایج جستجوی موتور جستجوی تلفن همراه رتبه بندی کنید؟ اگر اینطور است باید یک استراتژی SEO ، برای بهینه سازی اپلیکیشن خود داشته باشید.

  • ۱۰ ساختار وب سایتی که موجب شکست کسب و کار شما می شود

    داشتن یک وب سایت برای کسب و کار شما دیگر یک ارزش افزوده تجملاتی نیست – یک ضرورت انکار ناپذیر است .اما تفکر اشتباهی رایج است ، اگر فکر می کنید که چون هزینه یک سایت خوب را پرداخته اید و حالا می توانید با انبوهی از مشتریان ارتباط بگیرید

  • آموزش Float - CSS

    خصوصیت float تعیین می کند که یک المنت در سمت چپ یا راست بلاک خود قرار بگیرد.

  • حتی داشتن یک وب سایت خوب تمام ماجرا نیست

    این که صرفا با داشتن یک وب سایت حتی حرفه ای کسب و کار ما رونق پیدا می کند تصوری از پایه اشتباه است.

  • آموزش تخصصی Margin| CSS

    خصوصیت margin برای ایجاد فاصله بین المنت های صفحه خارج ازborder تعریف شده می باشد.برای تمام طرف های المنت می توانیم margin در نظر بگیریم.

  • آموزش CSS | دستور Display

    مهمترین صفت در CSS برای کنترل پیکربندی display است. معمولا این مقدار پیش فرض برای بیشتر عنصر‌ها block یا inline است.

  • چگونه وب سایت جذاب ایجاد کنیم ؟

    طراحی جذاب وب سایت باعث می شود بازدید کننده با اشتیاق زیاد زمان بیشتری را در وب سیات شما سپری کرده و از قسمت های مختلف آن بازدید نماید.

  • 3 ابزار قدرتمند طراحی گرافیکی

    در این مقاله 3 ابزار طراحی گرافیک برای ساخت تصاویر حرفه ای برای شبکه های اجتماعی را به شما معرفی می کنیم.