Milhares de dicas CSS, PHP, scripts. tutoriais e dicas de vídeo útil

O seletor de pseudo-classe: only-of-type em CSS representa qualquer elemento que não tenha irmãos do tipo fornecido. p: apenas do tipo (cor: vermelho;) Se nenhuma tag "

A propriedade: not () em CSS é uma pseudo classe de negação e aceita um seletor simples ou uma lista de seletores como argumento. Corresponde a um elemento que não é "

O pseudo-elemento :: marker serve para definir o estilo do marcador estilístico de um elemento de lista. Por exemplo, o marcador de um

padrão (por exemplo, •) ou o "

O seletor: root permite que você direcione o elemento "pai" de nível mais alto no DOM ou árvore de documentos. É definido na especificação dos seletores CSS de nível 3 "

O seletor de pseudo classe: required em CSS permite aos autores selecionar e estilizar qualquer elemento correspondente com o atributo obrigatório. Os formulários podem indicar facilmente "

O pseudo seletor: target em CSS corresponde quando o hash no URL e o id de um elemento são os mesmos. Por exemplo, se o URL atual for: "

Um Seletor de tipo (às vezes chamado de Seletor de tipo de elemento) faz a correspondência de elementos com o nome do nó do elemento correspondente, como tags, e. Modelo"

O seletor universal é o * em CSS. Literalmente, o caractere asterisco. É essencialmente um seletor de tipo que corresponde a qualquer tipo. Tipo que significa um HTML "

Os seletores: read-write e: read-only são duas pseudo classes de mutabilidade com o objetivo de tornar o estilo de formulário mais fácil com base em desativado, somente leitura e "

Usando o cursor, selecione esta frase. Observe como, conforme você seleciona o texto, uma cor de fundo preenche o espaço? Você pode alterar a cor de fundo e "

O pseudo elemento :: placeholder (ou uma pseudo classe, em alguns casos, dependendo da implementação do navegador) permite que você estilize o texto do placeholder de um "

O seletor: valid permite selecionar elementos que contêm conteúdo válido, conforme determinado por seu atributo type. : válido é definido nos Seletores CSS "

O seletor de pseudo classe: visitado pode alterar alguns dos estilos em um elemento de link âncora () se o navegador do usuário já tiver visitado o link. "

O: user-invalid é uma pseudoclasse CSS que está sob proposta no rascunho de trabalho dos seletores CSS de nível 4 que seleciona um elemento de formulário com base em se o "

Arrastar um elemento pela tela é algo que faz parte do território do JavaScript. Você deseja acessar eventos DOM, como cliques e movimento do mouse. Mas estamos aqui para falar de truques de CSS, então vamos fazer isso apenas em HTML e CSS! "

Talvez o maior truque em toda a grade CSS seja ser capaz de escrever um layout de coluna que não declare explicitamente o número de linhas ou colunas, mas as crie automaticamente com base em instruções um tanto soltas e no conteúdo que você fornece. "

Você pode fazer listras de fundo em CSS usando gradiente linear. Freqüentemente pensamos em gradiente como um desbotamento de uma cor para outra, mas o truque das listras é não ter desbotamento. Em vez disso, podemos especificar "interrupções de cor" no mesmo local, de modo que a cor mude instantaneamente de um (...) "

A propriedade box-shadow é obviamente útil para sombras claras atrás de elementos, proporcionando uma sensação de dimensionalidade e separação. Mas a sombra da caixa tinha alguns truques na manga, especialmente como uma sombra da caixa não precisa ser suave, pode ser empilhada e nem mesmo precisa estar muito perto. "

Existem algumas animações de rolagem que são possíveis em CSS sem nenhum JavaScript. Basta olhar para o capítulo sobre o indicador de rolagem, que é claramente a mágica do CSS. Mas podemos fazer muito trabalho de animação de rolagem diretamente em CSS com apenas um pouco de informação fornecida por JavaScript: até que ponto a página rolou. "

Existem caracteres Unicode triangulares. Você pode desenhar um triângulo em SVG. Mas há outra maneira de desenhar um triângulo na web, envolvendo nada além da propriedade da borda e um pequeno truque de CSS. "