تگ های واکنشگرا
Tags: انجام شده جدید! بیشتر !
تگ ها به عنوان نشانه ها: مشاهده !
کلاس های تگ در W3.CSS
W3.CSS یک کلاس برای تگ ها ،برچسب ها و نشانه ها آماده کرده است:
کلاس | تعریف |
---|---|
w3-tag | تگ /برچسب مشکی مستطیلی |
تگ ها، برچسب ها ونشان ها
در دنیای w3.CSS تفاوتی بین تگ،برچسب و نشانه وجود ندارد.
تگ های مستطیلی
کلاس w3-tag یک تگ مستطیلی(برچسب ،نشانه) ایجادمیکند.رنگ پیش فرض آن مشکی است.
وضعیت: انجام شده
تگ های رنگی
کلاس w3-color برای تغییر رنگ تگ ها استفاده میشود:
جدید!
بیشتر !
مثال
<p><span class="w3-tag w3-teal">More Later!</span></p>
اندازه های تگ
به صورت پیش فرض یک تگ اندازه والدش را به ارث میبرد.
کلاس های w3-size ،برای تغییر اندازه تگ (w3-tiny, w3-small, w3-large, w3-xlarge, w3-xxlarge, w3-xxxlarge, w3-jumbo) مورد استفاده قرار میگیرد:
6 6 6
66 66 66
66 66
شما ممکن است بخواهید مقداریpadding بیشتر به تگ های بزرگتر بدهید:
مثال
<span class="w3-tag w3-jumbo w3-blue w3-padding-large">66</span>
تگ های حروف
مثال
<span class="w3-tag w3-xlarge">U</span>
<span class="w3-tag w3-xlarge">G</span>
<span class="w3-tag w3-xlarge">U</span>
<span class="w3-tag w3-xlarge">S</span>
<span class="w3-tag w3-xlarge">T</span>
S A L E
مثال
<span class="w3-tag w3-jumbo">A</span>
<span class="w3-tag w3-jumbo w3-yellow">L</span>
<span class="w3-tag w3-jumbo">E</span>
نشان ها
نشان ها همان تگ های بزرگتر هستند.
نشان های جاده ها
مثال
<div class="w3-tag w3-round w3-green w3-border w3-border-white">
Falcon Ridge Parkway
</div>
</div>
نشان های بزرگ
کلاس های w3-size برای نمایش نشان های بزرگ مورد استفاده قرار میگیرد:
درموارد اضطراری:
بازی RUN LIKE HELL!
مثال
<strong>
IN CASE OF<br>
EMERGENCY:<br>
RUN LIKE HELL!
</strong>
</span>
مثال
49<span class="w3-xlarge">,99</span>
</span>
نشان های گرد
کلاس های w3-round-size برای افزودن گوشه های گرد به نشانه ها استفاده می شوند:
زیرآب
نفس
نکشید
مثال
DO NOT<br>
BREATHE<br>
UNDER WATER
</span>
تگ های چرخشی
ویژگی transform در css برای چرخش یک نشان ، مورد استفاده قرار میگیرد:
توقف
مثال
STOP
</span>
نکته: transform:rotate در نسخه های IE9 و قدیمی تر کار نمیکند.
تگ های درحال چرخش
کلاس w3-spin برای چرخش 360 درجه ای یک نشان استفاده می شود:
توقف
- نوشته شده توسط زهرا داوودی
- بازدید: 3507