NUI Tipografi - nandato/NUI GitHub Wiki

NUI Tipografi Belgelendirmesi

Başlıklar

Başlıkların kullanımı için <h1><h6> kullanılabilir. Ayrıca <h1 class=”n-h1"> kullanım şeklide mevcut.

h1 → <h1>h1</h1><h1 class="n-h1">

h2 → <h2>h1</h2><h2 class="n-h2">

h3 → <h3>h3</h3><h3 class="n-h3">

h4 → <h4>h4</h4><h4 class="n-h4">

h5 → <h5>h5</h5><h5 class="n-h5">

NOT: Başlıklar her görünüm .css dosyasında yer alır.

Paragraf

Listeleme

NUI’de listeleme ile ilgili kullanım şekilleri aşağıda verilmiştir. Ayrıca ul,ol etiketline class eklenerek kullanılabilen farklı listeleme örneği eklenmiştir. Farklı listelemeler için w3schools adresinden farklı listeleme türlerine göz atabilirsin.

Noktalama ile listeleme

<ul> <li>Liste başlangıç.</li> <li>Liste 1 </li> <li>Liste 2 <ol> <li>Alt Liste 1</li> <li>Alt Liste 2</li> <li>Alt Liste 3</li> </ol> </li> <li>Liste 3</li> <li>Liste 4</li> <li>Liste 5</li> </ul>

Rakamlar ile listeleme

<ol> <li>Liste başlangıç.</li> <li>Liste 1 </li> <li>Liste 2 <ol> <li>Alt Liste 1</li> <li>Alt Liste 2</li> <li>Alt Liste 3</li> </ol> </li> <li>Liste 3</li> <li>Liste 4</li> <li>Liste 5</li> </ol>

Alfabe ile Listeleme

<ul class="alfabe-liste" <li>Liste başlangıç.</li> <li>Liste 1 </li> <li>Liste 2 <ul> <li>Alt Liste 1</li> <li>Alt Liste 2</li> <li>Alt Liste 3</li> </ul> </li> <li>Liste 3</li> <li>Liste 4</li> <li>Liste 5</li> </ul>

Açıklamalı Listeleme

Açıklama kısmı için bir diğer deyişle

etiketinde ki margin sıfırlanmıştır. Görünüm css’den dd kısmını bulup margin-left tekrar eklenebilir ihtiyaç durumunda.

<dl> <dt>Description lists</dt> <dd>A description list defines terms and their corresponding descriptions.</dd> <dt>This is a term</dt> <dd>This is a description.</dd> <dt>This is a term</dt> <dd>This is a description.</dd> </dl>

⚠️ **GitHub.com Fallback** ⚠️