Latest web development tutorials
×

Foundation курс

Foundation курс Foundation Начало работы Foundation текст Foundation таблица Foundation кнопка Foundation Группа кнопок Foundation иконка Foundation этикетка Foundation Напоминание окно Foundation Шкала прогресса Foundation панель Foundation изображение Foundation Выпадающее меню Foundation Складной Список Foundation список Foundation таб Foundation пейджинг Foundation Прайс-лист Foundation Верхней панели навигации Foundation Боковая панель Foundation Авто-навигация(Off-Canvas) Foundation Magellan Foundation форма Foundation Размер входного кадра Foundation переключатель Foundation ползунок Foundation воздушный шар Foundation режимное окно Foundation Joyride Foundation балансир

Foundation меш

Foundation Grid System Foundation меш - Горизонтально сложены Foundation меш - Малое оборудование Foundation меш - Среднего размера оборудование Foundation меш - Большое оборудование Foundation Блок сетки Foundation Сетка Примеры

Foundation справочное руководство

Foundation Значок Справочное руководство Foundation CSS справочное руководство Foundation CSS видимость

Список Фонд

В HTML неупорядоченного списка ( <ul> ) экземпляра следующим образом :

<Ul>
<Li> Элемент списка </ li >
<Li> Элемент списка </ li >
<Li> Элемент списка </ li >
<Li> Элемент списка </ li >
</ UL>

Результаты:

  • элемент списка
  • элемент списка
  • элемент списка
  • элемент списка

идентификатор Circle

В Фонде, неупорядоченного списка ( <ul> ) префикс обозначения в виде окружностей, используйте класс .circle, примеры являются следующие:

<Ul класс = "круг">
<Li> Элемент списка </ li >
...
</ UL>

Попробуйте »

идентификатор блока

префикс идентификатор блока .square категории:

<Ul класс = "квадрат">
<Li> Элемент списка </ li >
...
</ UL>

Попробуйте »

Нет идентификатора

Если у вас нет идентификатора, вы можете использовать класс .no-пулю:

<Ul класс = "нет-пуля ">
<Li> Элемент списка </ li >
...
</ UL>
Попробуйте »

Если вам нужно добавить горизонтальный список, вы можете <ul> Добавить в .inline-list категории:

<Ul класс = "инлайн-лист ">

Попробуйте »

меню в виде списка

Некоторые веб-страницы может потребоваться список меню.

HTML, список меню с неупорядоченного списка <ul> , чтобы определить, например:

<Ul>
<Li> <a HREF = "#"> Главная </ а> </ li>
<Li> <a HREF = "#"> Меню 1 </ A> </ li>
<Li> <a HREF = "#"> Меню 2 </ A> </ li>
<Li> <a HREF = "#"> Меню 3 </ а> </ li>
</ UL>

Результаты: