Tag: 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 […]
Elementos flutuantes em CSS
Bene Silva Júnior 15/11/2021
A propriedade float permite que um elemento flutue na página à esquerda ou à direita. Neste post veja elementos flutuantes em CSS. Se aplicarmos essa propriedade em um box, ele será deslocado para a direita ou para a esquerda do documento e o box seguinte ocupará seu espaço: Exemplo: um texto precisa ser posicionado em volta de […]
Dimensão em CSS
Bene Silva Júnior 15/11/2021
As propriedades de dimensão especificam o tamanho dos elementos, tais como largura, altura, alinhamentos, bem como efeitos de sobrescrever, alinhamentos etc. Neste post veja dimensão em CSS. Abaixo estão listados essas propriedades e a descrição de suas funcionalidades. Veja: color: Especifica a cor do texto contido no elemento: width: Especifica a largura da área de apresentação do […]
Cores e fundos em CSS
Bene Silva Júnior 15/11/2021
As propriedades color e background especificam as cores dos textos (normalmente chamadas de foreground color) e as cores ou imagens aplicadas no fundo dos elementos (background), respectivamente. Neste post veja cores e fundos em CSS. Abaixo estão listados essas propriedades e a descrição de suas funcionalidades. Veja: color: Especifica a cor do texto contido no elemento: […]
