Categoria: CSS
Posicionamento dos elementos
Benedito Silva Júnior 28/01/2022
O posicionamento em CSS permite que um elemento seja colocado em uma posição exata na página. Por este motivo, ele é muito utilizado na criação de layouts avançados. É possível inserir um elemento em qualquer lugar utilizando um sistema de coordenadas. Este sistema pode ter como referência a janela do navegador, como na imagem abaixo: […]
Viewport em CSS
Bene Silva Júnior 15/11/2021
Basicamente, Viewport é a área na qual o site aparece; é onde ficará todos os elementos do layout. O tamanho do Viewport depende da resolução do monitor ou do display dos dispositivos móveis. Neste post veja Viewport em CSS. Em monitores desktop, o viewport não é uma preocupação imediata, pois as resoluções ficam em torno […]
Tableless em CSS
Bene Silva Júnior 15/11/2021
Tableless em CSS é uma forma de desenvolvimento de sites que não utiliza tabelas para disposição de conteúdo na página sugerido pela W3C, pois defende que os códigos HTML deveriam ser usados para o propósito que foram criados, sendo que tabelas foram criadas para exibir dados tabulares . Para a disposição da página o recomendado […]
Media Queries em CSS
Bene Silva Júnior 15/11/2021
Antes do surgimento dos smartphones e tablets os layouts de sites eram desenvolvidos levando em conta somente o tamanho das telas dos monitores de desktops. Neste post veja media Queries em CSS. Nessa época não nos preocupávamos com resoluções e tamanhos de tela para desenvolver os nossos layouts, uma vez que todos acessavam a rede […]
Posicionamento em CSS
Bene Silva Júnior 15/11/2021
Essas propriedades classificam, posicionam os elementos e definem a disposição em que os mesmos devem aparecer. Neste post veja posicionamento em CSS. Especificam como um elemento deve ser exibido, bem como seu posicionamento, distâncias, fluxos, comportamento do navegador etc.Veja: display: Especifica como um elemento deve ser exibido no documento: position: Especifica o método de posicionamneto utilizado pelo […]
Seletores em CSS
Bene Silva Júnior 15/11/2021
O CSS atinge a formatação do código de forma bem abrangente e modular e isto é feito através dos seletores CSS, estes por sua vez nos permite selecionar diversos trechos de código e aplicar estilos a eles. Neste post veja Seletores em CSS. Isto é feito através de um conceito simples aonde utilizamos alguns pontos […]
Pseudo-classes e pseudo-elementos em CSS
Bene Silva Júnior 15/11/2021
No CSS, uma definição de estilo normalmente é associada a um elemento com base na posição que ele ocupa dentro da hierarquia do documento, o que geralmente é suficiente para a maioria das definições de estilos, mas não atendendo a alguns efeitos comuns. Neste post veja pseudo-classes e pseudo-elementos em CSS. O conceito de pseudo-classes […]
Margens em CSS
Bene Silva Júnior 15/11/2021
As margens são uma das propriedades fundamentais do CSS (Cascading Style Sheets) e desempenham um papel crucial na formatação e no layout de páginas web. Elas definem o espaço ao redor de um elemento, ajudando a separar elementos uns dos outros e a melhorar a legibilidade do conteúdo. Neste post, vamos explorar como usar margens […]
Listas em CSS
Bene Silva Júnior 15/11/2021
As listas são uma parte importante do layout de qualquer site. Seja para exibir links de navegação, destacar itens de um produto ou apresentar uma sequência de passos, as listas ajudam a organizar informações de forma clara e simples. As listas em CSS pode estilizar listas de várias maneiras para deixá-las mais atraentes e integradas […]
Como formatar textos em CSS
Bene Silva Júnior 15/11/2021
A formatação de textos em páginas web é um dos elementos mais essenciais para garantir uma boa experiência de leitura e navegação. O CSS (Cascading Style Sheets) é a linguagem usada para definir o estilo dos textos e outros elementos em uma página HTML, oferecendo uma série de propriedades que podem ser ajustadas para garantir […]