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

Vamos testar outros valores, como list-style-type:square;

Listas CSS

Ou list-style-type:upper-latin;

Listas CSS

Ou ainda list-style-type:upper-roman;

Listas CSS

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

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

Agora vou alterar o valor de list-style-position para outside. Notem a diferença:

Listas CSS

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.

  • Gabinetes

  • Placas-Mãe

  • Processadores

  • Memória

  • Fontes

  • Drives Ópticos

  • Discos Rígidos

  • SSD

  • Placas de Som

  • Placas de Vídeo

Você Sabia?

Asteroids

O título Asteroids, do Atari, possui recorde de pontuação há 30 anos. Em 1982 um americano chamado Scott Safran atingiu a marca de 41.336.440. Atualmente ele faz parte de um minúsculo grupo de jogadores que conseguiram manter seus recordes por mais de 30 anos.

Mortal Kombat - O Filme

O filme Mortal Kombat, inspirado no jogo de mesmo nome, faturou 23 milhões de dólares apenas no fim de semana de estreia nos EUA. Ainda sobre este título de sucesso, outra cifra que impressiona é o faturamento ao longo do primeiro ano: 1 bilhão de dólares no mundo todo.

Duck Hunt

Ao completar o nível 99 do jogo Duck Hunt, para Nintendo, o jogo retorna ao primeiro nível, mas um bug impede que se acerte os patos neste recomeço. Este é um exemplo do que é chamado no mundo dos games de "Kill Screen".

Cuidados com o notebook

Utilizar seu notebook em camas, sofás ou qualquer superfície macia pode obstruir as entradas e saídas de ar, elevando a temperatura e provocando danos a diversos componentes. Utilize-o sempre sobre uma superfície rígida. Saiba mais aqui.

Tetris

O título Tetris detém o recorde de jogo mais adaptado de todos os tempos. No total foram mais de 60 plataformas diferentes que receberam alguma versão do quebra-cabeças criado por Alexey Pajitnov. Conheça mais sobre este incrível jogo clicando aqui.