مقاله های خاص

مقاله های خاص
با سلام خدمت دوستان عزیز امیدوارم که از مطالبی که در این وبلاگ منتشر میکنم راضی باشید
لطفا نظراتتون رو بگید
موفق باشید دوستان
شماره تماس : 09036355264
پیوندها
دوشنبه, ۱۷ خرداد ۱۳۹۵، ۰۸:۴۴ ب.ظ

آموزش بوت استرپ -قسمت سوم

 

قسمت سوم از سری آموزش های بوت استرپ از سایت آموزش برنامه نویسی .

در این قسمت می خواهیم شما را با اصول پایه و استایل های پیش فرض در بوت استرپ آشنا کنیم.


تایپوگرافی و نوشته ها:

بوت استرپ به صورت پیش فرض یک سری استایل دهی دارد برای مثال:
خاصیت font-size در حالت پیش فرض ۱۴px و خاصیت line-height در حالت مقدار ۱٫۴۲۸ را به خود می گیرد.
خاصیت margin-bottom برای همه پاراگراف ها ۱۰px در نظر گرفته شده.
حالا نگاهی به چند تگ می اندازیم که در حالت پیش فرض چه استایلی با بوت استرپ دارند؟

 بوت استرپ

بوت استرپ برای تگ های h1 تا h6 استایل و اندازه زیر را در نظر می گیرد:


بوت استرپ

 

تگ small معمولا برای نوشته های دوم یا باریکتر زیر هدر اصلی استفاده می شود:


بوت استرپ

 

تگ mark معمولا برای جلب توجه به یک عبارت یا اصطلاحا برای highlight استفاده می شود:

 


بوت استرپ

 

تگ abbr به صورت زیر نمایش داده می شود:


بوت استرپ

 

تگ blockquote در بوت استرپ به صورت زیر می باشد:


بوت استرپ

نکته: برای نمایش تگblockquote آموزش طراحی سایت به صورت راست چین می توانید از کلاس blockquote-reverse. استفاده کنید

تگ dl در بوت استرپ به شکل زیر می باشد:

 

بوت استرپ

 

تگ code در بوت استرپ به صورت زیر نمایش داده می شود:


بوت استرپ

 

از تگ kbd در بوت استرپ می توانید به صورت زیر استفاده کنید:


بوت استرپ

 

ما در این آموزش سعی کردیم به تایپوگرافی هایی از بوت استرپ که کمتر به آن اشاره شده بود نگاهی داشته باشیم برای داشتن لیست کامل این تایپوگرافی ها کافیست در گوگل عبارت Bootstrap Typography Reference را جستجو کنید.

منبع : آموزش وردپرس

موافقین ۰ مخالفین ۰ ۹۵/۰۳/۱۷
الهام کشاورز

نظرات (۰)

هیچ نظری هنوز ثبت نشده است

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی