Boa Tarde. Não compreendi a utilização dessa função, e quando teve a atividade do CALC também .
Boa Tarde. Não compreendi a utilização dessa função, e quando teve a atividade do CALC também .
Oi, Kleber, tudo bem?
Então, é uma propriedade fictícia, ela não existe no CSS3. O instrutor usou só como exemplo de estudo para implementação em navegadores.
Já o CALC funciona como uma função que auxília em na execução de valores específicos do seu estilo. Como:
height: calc(100% - 80px);
Na linha acima, a minha alturade 100% terá menos 80px. A função CALC aceita os operadores matemáticos: adição, +; subtração, -, divisão, / e multiplicação, *.
E dentro da sua função você utilizar unidades diferentes, como:
width: calc(50em - 100px);
Ficou um pouco mais claro? :}
Esse link pode te ajudar também: https://developer.mozilla.org/pt-BR/docs/Web/CSS/calc