6 Lesser coisas conhecidas sobre CSS por Deepa Ranganathan

CSS mantém atualizando-se, de uma forma que você precisa para manter-se com as características mutáveis ​​e tons deste estilo. Você precisa saber a nova sintaxe, e também os métodos não-código que você pode usar idealmente. Aqui você será introduzido a alguns dos fatos menos conhecidos de CSS que irá ajudá-lo a recuperar o atraso com os detalhes.

border-radius com Slash

Se você quiser definir o raio para um forma que você está planejando para usar em seu site, então você pode usar a propriedade barra para definir o raio fronteira. Veja como você vai ser codificação que

.box {

border-radius: 35px 25px 30px 20px /35px 25px 15px 30px;}

.

Para aqueles que sentem este não é um forma válida de entrar no raio, pense novamente! CSS definiu a propriedade barra como válido

Os valores antes da barra são para o raio horizontal, enquanto que após a barra definir o raio vertical para a forma na preocupação

border-top-left-radius:.. Os valores

isso irá determinar a curvatura da forma

Font Peso Usa relativos Palavras-chave

As propriedades normais definidos para font-weight seria normal ou negrito. Você também pode usar valores inteiros para defini-lo. Mas, o que não é geralmente utilizado é mais ousado ou mais claras. Mas, parece que agora as coisas mudaram. Os valores ligados a negrito foi de 700, enquanto para o normal era de 400. Agora, o código abaixo mostra como palavras-chave relativa com valores podem mudar a aparência do seu peso font

.box {

font-weight: 100;}

.box-2 {

font-weight: mais ousado; /* Mapas para 400 * /Tablet}

.box-3 {

font-weight: mais ousado; /* Mapas para 700 * /Tablet}

.box-4 {

font-weight: 400;

}

.box-5 {font

peso: mais ousado; /* Mapas para 700 * /Tablet}

.box-6 {

font-weight: mais ousado; /* Mapas para 900 * /Tablet}

.box-7 {

font-weight: 700;

}

.box-8 {font

peso: mais ousado; /* Mapas para 900 * /Tablet}

.box-9 {

font-weight: mais ousado; /* Mapas para 900 * /Tablet}

.box-10 {

font-weight: mais leve; /* Mapas para 700 * /Tablet}

.box-11 {

font-weight: mais leve; /* Mapas para 400 * /Tablet}

.box-12 {

font-weight: mais leve; /* Mapas a 100 * /Tablet}

Os valores de mapeamento foram alterados para cada caso, como mostrado no código acima. Este é um método relativo.

Offset-Esboço Propriedade

Com essa propriedade, você pode definir o limite para o esboço a ser compensado a partir do elemento de preocupação. Este é um estabelecimento raramente usado, que você pode usar se você quiser melhorar suas opções de depuração. Normalmente, esboço não inclui-offset esboço, e você terá que defini-lo separadamente. Bem, há uma limitação para essa propriedade. Não é suportado pelo seu navegador IE, e que poderia ser um revés.

The Table Layout Propriedade

Esta é mais uma propriedade que raramente é usado, e é menos conhecido. Não é realmente auto-explicativo, como você se sente. Você pode garantir que o layout horizontal não é realmente dependente do conteúdo, mas largura depende se você usar essa propriedade corretamente. Você pode até mesmo corrigir o layout da tabela, ou usar de alternância botão para alternar entre as propriedades. Este é um estabelecimento brilhante, que pode ser usado se o seu layout é composto por algumas mesas

A: first-letter Elemento

Se você quer denominar a primeira letra de qualquer elemento, então este é o imóvel que você deve usar. Isso dá a sua primeira letra do efeito capitular, que é novamente extremamente importante. Existe um padrão que tenha sido estabelecido durante um período de tempo, o que reflecte a forma como a primeira letra deve ser especificado. Esta propriedade elemento ajuda a definir a primeira letra de forma padrão.

Animação Iterations como valores fracionários

Você pode usar a propriedade de animação-iteração contagem para fixar o número de vezes que a animação será desempenhado

.example {

animação iteração contagem: 3;

}.

A contagem pode ir de um valor inteiro a metade do tempo, conforme especificado por você. Esta é uma característica interessante que você deve usar se você estiver criando animação em CSS.

É sempre bom para tocar os procedimentos de codificação menos conhecidos que lida com CSS. Você ter uma idéia melhor de como executar com técnicas de CSS. contratar desenvolvedores dedicados

para dar as melhores folhas de estilo e design para suas aplicações.