18 - Propiedades relacionadas a listas.




Problema:

Problema 1

Confeccionar dos lista de lenguajes de programación. Agrupar los lenguajes estructurados (Pascal, C) y los lenguajes orientados a objetos (C++, Java, C#) Aplicar estilos distintos a cada lista.

<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<ul class="estilo1">
<li>Pascal</li>
<li>C</li>
</ul>
<ul class="estilo2">
<li>C++</li>
<li>Java</li>
<li>C#</li>
</ul>
</body>
</html>

.estilo1 {
  list-style-type:decimal;
}

.estilo2 {
  list-style-type:lower-roman;
}

Problema 2

Crear dos listas y e inicializar la propiedad list-style-position con los valores inside y outside respectivamente y analizar en que difieren.

<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<ul class="estilo1">
<li>Pascal</li>
<li>C</li>
</ul>
<ul class="estilo2">
<li>C++</li>
<li>Java</li>
<li>C#</li>
</ul>
</body>
</html>

.estilo1 {
  list-style-position:inside;
}

.estilo2 {
  list-style-position:outsite;
}
Ver solución


Retornar