O que são -moz e -webkit-?

-webkit-column-count: 3;

-moz-column-fill: auto;

Sou um iniciante em CSS e quando eu estava olhando para algum código CSS, encontrei essas linhas. Nos tutoriais onde aprendi CSS, nunca vi nada parecido com essas linhas.

Queres saber a explicação?

Essas são as propriedades prefixadas pelo fornecedor oferecidas pelos mecanismos de renderização relevantes:

- webkit para o Chrome e Safari,

- moz para o Firefox,

-o para o Opera,

-ms para o Internet Explorer

Normalmente, eles são usados ​​para implementar recursos CSS novos ou proprietários antes do esclarecimento / definição final pelo W3.

Isso permite que as propriedades sejam definidas de forma específica para cada mecanismo individual de navegador/renderização para que as inconsistências entre as implementações sejam consideradas com segurança. Os prefixos serão, ao longo do tempo, removidos (pelo menos em teoria), já que o unprefixed, a versão final, da propriedade é implementada nesse navegador.

Para esse fim, geralmente é considerado uma boa prática especificar primeiro a versão com prefixo de fornecedor e, em seguida, a versão sem prefixo, para que a propriedade não prefixada substitua as configurações de propriedade com prefixo de fornecedor, uma vez implementada; por exemplo:

.elementClass {

    -moz-border-radius: 2em;

    -ms-border-radius: 2em;

    -o-border-radius: 2em;

    -webkit-border-radius: 2em;

    border-radius: 2em;

}