قسمت سوم bootstrap : نحوه ی تعریف انواع تایپوگرافی در بوت استرپ + ویدیو

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on whatsapp
Share on telegram
Share on print
قسمت سوم bootstrap : نحوه ی تعریف انواع تایپوگرافی در بوت استرپ

نویسنده:

مرتضی افضلی

Statistics-rafiki

تعداد بازدید:

2638

Calendar-amico (2)

تاریخ انتشار:

1 , مرداد , 1398

Work time-rafiki

زمان تقریبی مطالعه :

5 دقیقه

باسلام . در این جلسه از اموزش های بوت استرپ به بررسی انواع تایپوگرافی خواهیم پرداخت.

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

برای سهولت استفاده میتوانید بر روی لینک های زیر کلیک کنید تا به تیترمورد نظر در مقاله هدایت شوید:

ساختار های پیش فرض bootstrap 4

بوت استرپ به عنوان پیش فرض از سایز فونت (font-size) 16 پیکسل و ارتفاع خط (line-height) 1.5 استفاده میکند.

فونت های پیش فرض بوت استرپ “Helvetica Neue”, Helvetica, Arial, sans-serif می باشند.

علاوه بر این تمام تگ های p دارای المان css (margin-top:0px;) و المان (margin-bottom:1rem) یا ۱۶ پیکسل می باشد.

تگ های h1 تا h6

تگ های h1 تا h6 با استایلی متفاوت تر وزن فونت زخیم تر ، سایز افزایش یافته در بوت استرپ :

بخش های نمایش

بخش های نمایش برای استفاده از سایز های بزرگتر استفاده خواهند شد ، بخش های نمایش از تگ های h1 تا h6 به نسبت بزرگتر هستند.

برای استفاده از بخش های نمایش باید از چهار کلاس .display-1 , .display-2 , .display-3 , .display-4 استفاده کرد.

تگ small

در بوت استرپ ۴ از تگ small در دسته تایپوگرافی وقتی استفاده میشود که نیاز به متن ثانویه ای کوچکتر باشد:

تگ mark

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

تگ abbr

این تگ مخصوص توضیحات بیشتر است که با نقطه چین زیر نوشته مشخص میشود:

تگ blockqoute

برای جداکردن نقل قول باید از کلاس blockqoute استفاده کرد به مثال زیر توجه کنید:

تگ dl

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

تگ code

تگ کد در بوت استرپ ۴ بصورت زیر تعریف میشود :

تگ kbd

تگ kbd در بوت استرپ ۴ بصورت زیر تعریف شده است:

تگ pre

تگ pre در بوت استرپ بصورت زیر است:

ویدیوی قسمت سوم

برای مطالعه موارد بیشتر میتوانید به سایت getbootstrap مراجعه کنید.

امیدوارم این اموزش برای شما عزیزان مفید واقع شده باشد.

موفق باشید.

مرتضی افضلی

مرتضی افضلی

این روزها دیگر نیاز نیست کلی هزینه‌ی اجاره‌ی مغازه بدهید. با دنیای کسب‌وکار اینترنتی و دیجیتال مارکتینگ می‌توانیم کسب درامد داشته باشیم و من در مجموعه‌ی کدپز در این راه همراه شما هستم.

تا کنون 56 نفر در کدپز ثبت نام کرده اند.

2 پاسخ به "قسمت سوم bootstrap : نحوه ی تعریف انواع تایپوگرافی در بوت استرپ + ویدیو"

ارسال یک پیام

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *