Publicidade

Compre um adesivo e ajude o Em Busca do Código a continuar (isto é um link).


Valores de list style type em HTML5 CSS3. Vídeo 93


Aqui vemos 21 exemplos de marcadores de listas em HTML diferentes, alguns como o decimal insere os valores da lista a partir do número 1, 2 , 3, e assim por diante.


Mas também como configurar nossa lista em HTML em ordem alfabética, por números romanos, em latin, ordenar por letras orientas e até "hebrew", e mais (assista ao vídeo).


Esta mini série especial sobre listas em HTML5 CSS3 tem uma única fonte, esta fonte é o Maujor (link externo da fonte logo após o vídeo desta videoaula). Se você chegou até aqui você deve ser informado que este curso atualmente chamado de HTML5 CSS3 chegará ao seu fim na videoaula número 100.


Não chega a ser um fim, pois ainda existem muitos conceitos que considero importante e que ainda não estudei, mas é necessário seguir em frente e aprender novas linguagens, muito além de uma linguagem de marcação. Mas não se engane, desenvolvedor web é programador sim.


A seguir você o código fonte HTML, depois o CSS e logo em seguida como fica o código fonte.



Código fonte HTML:


Código fonte CSS:


Se reparar o ultimo item da lista não tem nenhuma configuração, e mesmo assim ele aparece com o marcador padrão igual o segundo item dessa lista. O valor padrão chama-se "disc" mas você não precisa coloca-lo. Entendeu o que eu quis dizer?


Como ficou esses códigos fontes?



Mas você reparou que no meu caso o ultimo aparece sem nenhuma marcação? Isso ocorre porque quando pensei no layout já configurei o valor none para todos itens que não tem configuração propria, mas é só usar este código fonte em um arquivo "puro", sem nenhuma configuração que o ultimo item estará configurado com disc.


Assista ao vídeo:

Link (externo, abre em outra aba): A propriedade CSS list.


Compre um adesivo e ajude o Em Busca do Código a continuar (isto é um link).

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.