Fundación CSS
Tipografía base: los encabezados, párrafos, listas y otros componentes en línea se definen mediante tipografía en Foundation, lo que crea estilos predeterminados atractivos y sencillos para los elementos.
Una lista desordenada es una agrupación de objetos sin ningún orden en particular, es decir, donde el orden de los elementos no importa. La etiqueta <ul> se usa para construir esta lista. Se coloca una viñeta junto a cada elemento de la lista.
Sintaxis:
<ul>
<li>Content</li>
<li>Content</li>
<ul>
<li>Content</li>
<li>Content</li>
</ul>
...
</ul>
Ejemplo 1: este ejemplo describe las listas desordenadas de tipografía base en Foundation CSS.
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Foundation CSS base typography unordered lists</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css" crossorigin="anonymous" /> </head> <body> <h2 style="color: green"> <center>GeeksforGeeks</center> </h2> <h4>Foundation CSS Base Typography Unordered Lists</h4> <ul style=" list-style-type: upper-roman;"> <li style="color: green" class="subheader"> Web technologies used in web development: </li> <ul> <li>HTML</li> <li>CSS</li> <li>JAVASCRIPT</li> <li>PHP</li> <li>BOOTSTRAP</li> </ul> </ul> </body> </html>
Producción:
Ejemplo 2 : este ejemplo describe las listas desordenadas anidadas de tipografía base en Foundation CSS.
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Foundation CSS base typography unordered lists</title> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="stylesheet" href= "https://cdn.jsdelivr.net/npm/foundation-sites@6.7.4/dist/css/foundation.min.css" crossorigin="anonymous" /> </head> <body> <h1 style="color: green"> <center>GeeksforGeeks</center> </h1> <h3>Foundation CSS Base Typography Unordered Lists</h3> <ul> <li style="color: green" class="subheader"> Web technologies used in web development: </li> <ul> <li>item1</li> <ul> <li>item 1(a)</li> <li>item 1(b)</li> <li>item 1(c)</li> <li>item 1(d)</li> </ul> <li>item2</li> <li>item3</li> <ul> <li>item 3(a)</li> <li>item 3(b)</li> <li>item 3(c)</li> </ul> </ul> </ul> </body> </html>
Producción:
Referencia: https://get.foundation/sites/docs/typography-base.html#unordered-lists
Publicación traducida automáticamente
Artículo escrito por sarahjane3102 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA