--- title: CSS Classes localeTitle: Classes CSS --- ## Classes CSS Classes são uma maneira eficiente de agrupar elementos HTML para que eles possam compartilhar os mesmos estilos. As classes CSS (Cascading Style Sheets) podem ser usadas para organizar e decorar elementos de páginas da web. Ao escrever HTML, você pode adicionar classes a um elemento. Basta adicionar o atributo `class="myclass"` ao elemento. Vários elementos podem ter a mesma classe e um elemento pode ter várias classes. Você pode atribuir várias classes a um elemento adicionando todos os nomes de classes desejados separados por um espaço ao atributo de `class` em HTML. ```html
is a popular catchphrase that Super Man often said.
``` Você pode, então, estilizar esses elementos com CSS. As classes são referenciadas com o período (.) antes delas no CSS, mas você não deve colocar pontos no seu HTML. ```css .super-man { color: red; background-color: blue; } ``` Este código dá um fundo azul e uma cor de texto vermelho para todos os elementos que têm o `super-man` de classe. [Veja este exemplo no CodePen](https://codepen.io/Tlandis/pen/RLvomV) . Você também pode declarar mais de uma classe para seu elemento, como: ```html