As propriedades de listas permitem personalizar suas listas, aplicando marcadores
personalizados e diversos formatos de números. Vamos a alguns exemplos, começando pela propriedade list-style-type:
Criarei a seguinte lista:
<html>
<body>
<br />
<ul class="listaPersonalizada">
<li/>
Processador</li>
<li/>
Memória</li>
<li/>
Placa de Vídeo</li>
</ul>
</body>
</html>
E o seguinte CSS:
.listaPersonalizada{list-style-type:circle;}
Então teremos a página exibida da seguinte forma:
![Listas CSS]( ../../assets/img/cursos/css/8-Listas_CSS1.jpg)
Vamos testar outros valores, como list-style-type:square;
![Listas CSS]( ../../assets/img/cursos/css/8-Listas_CSS2.jpg)
Ou list-style-type:upper-latin;
![Listas CSS]( ../../assets/img/cursos/css/8-Listas_CSS3.jpg)
Ou ainda list-style-type:upper-roman;
![Listas CSS]( ../../assets/img/cursos/css/8-Listas_CSS4.jpg)
Outra propriedade interessante é a list-style-image, que permite personalizar a imagem
que demarcará cada item da lista. Podemos inserir uma imagem qualquer, vejam:
.listaPersonalizada{list-style-image:url('cd.png');}
E agora vejam nossa página:
![Listas CSS]( ../../assets/img/cursos/css/8-Listas_CSS5.jpg)
Essa propriedade aceita arquivos PNG, JPEG ou GIF.
Por último temos a list-style-position, que altera o recúo dos itens da lista. Vou criar
um exemplo e inserir uma borda, para que fique fácil observar. O CSS vai ficar da seguinte forma:
.listaPersonalizada
{
list-style-image:url('cd.png');
list-style-position:inside;
border:solid;
}
Nossa página ficará assim:
![Listas CSS]( ../../assets/img/cursos/css/8-Listas_CSS6.jpg)
Agora vou alterar o valor de list-style-position para outside. Notem a diferença:
![Listas CSS]( ../../assets/img/cursos/css/8-Listas_CSS7.jpg)
A lista fica posicionada sem o recúo criado quando usamos o valor inside.
Essas são as propriedades referentes às listas em CSS.
HARDWARE
Entendendo o seu computador
O que há dentro do meu computador?
Existem alguns componentes fundamentais presentes dentro do seu computador e é muito importante que você conheça um pouco sobre eles, seja para argumentar com algum vendedor durante a compra de um novo PC ou para identificar alguma atitude desleal de algum técnico que esteja te passando um orçamento para reparo. Na seção Raio-X aqui do Contém Bits você pode conhecer e entender mais detalhadamente sobre cada componente, ou também pode clicar abaixo no componente que deseja, para conhecê-lo melhor.
Você Sabia?
Space Invaders
A partida mais longa do clássico Space Invaders durou incríveis 38 horas e 32 minutos e esta façanha foi conseguida por um jogador de apenas 12 anos! O jogo, claro, podia ser pausado para alimentação e descanso, mas ainda assim o recorde, estabelecido no dia 02/09/1980, ainda não foi quebrado. Saiba mais.
Galaxy Game
As primeiras máquinas de fliperama do mundo a utilizarem moedas, chamadas de Galaxy Game, custavam mais de 20 mil dólares para serem produzidas. Saiba mais sobre elas aqui.
Nintendo Wii
Nos primeiros oito dias após o lançamento do console Nintendo Wii foram vendidas 600 mil unidades. Isso equivale a quase um por segundo e estes incríveis números são referentes às vendas apenas nos EUA!
River Raid
O épico jogo River Raid, do Atari, foi desenhado e boa parte de sua programação foi feita por uma mulher: Carol Shaw, uma excelente programadora e funcionária da Activision em 1982. Saiba mais sobre a história deste incrível jogo, aqui.
Inteligência artificial
O primeiro jogo a fazer uso de uma Inteligência Artificial foi o Mouse in the Maze, criado em 1955, na União Soviética. Você pode saber mais sobre ele clicando aqui.