Olá senhores e senhoritas, irei apresentar algumas dicas básicas sobre boas práticas de CSS.

Imagens

img{
max-width:100%;
}

Apenas com esta propiedade suas imagens nunca mais iram ultrapassar o tamanho de seu container, não é lindo?


Font size

body{
font-size:62.5%;
}

O código acima esta falando que o tamanho de sua fonte é 10px já que o tamanho default dos navegadores é 16px, legal mas e o que eu posso fazer com isso?

p{
font-size:3em;
padding:0.5em;
}

Faça isso, simples e prático, agora nossa tag p tem a font-size de 30px e um padding de 15px pois ele erda o novo tamanho da fonte, coisa linda.


Seletor CSS - Input type

input[type="submit"] {
color:blue;
font-size:1.7em;
}

Agora você pode estilizar o botão por exemplo, e caso queira o input email, basta substituir type="submit" para type="email" e assim por diante..


Altura 100%?

html{
    height:100%;
}

Pode parecer simples para muitos, mas confesso eu sofri, bolava mil layouts com altura 100% e não sabia resolver, com esse código todos elementos filhos de html terão altura 100%, é mágico! sério.

Nomear classes

Eu recomendo utilizar o mesmo padrão que o próprio css já utiliza separando por traços os nomes das propriedades, por exemplo se você quer um classe cor azul, eu utilizaria cor-azul, acho mais elegante e prático do que cor_azul ou corAzul


Atualizando..

Viu algum erro? quer contribuir? estou esperando seu contato :)
lennonsbueno@gmail.com.br


631 0 0