CSS

Índice:

CSS
CSS

Vídeo: Учим CSS за 1 час! #От Профессионала 2024, Pode

Vídeo: Учим CSS за 1 час! #От Профессионала 2024, Pode
Anonim

CSS pode se referir a qualquer um dos seguintes:

1. Abreviação de folhas de estilo em cascata, CSS é uma linguagem usada para descrever estilos reutilizáveis ​​para a apresentação de documentos escritos em uma linguagem de marcação. Seu conceito foi originado por Håkon Wium Lie em 1994. Em dezembro de 1996, o CSS foi especificado pelo W3C e hoje permite que desenvolvedores alterem o layout e a aparência de suas páginas. Por exemplo, CSS pode ser usado para alterar a fonte usada em determinado elemento HTML, bem como seu tamanho e cor. Um único arquivo CSS pode ser vinculado a várias páginas, o que permite que um desenvolvedor altere a aparência de todas as páginas ao mesmo tempo.

A caixa a seguir contém um exemplo básico de uso de código CSS para definir fontes, a cor dos hiperlinks e a cor de um link quando o cursor do mouse passa o mouse. Neste exemplo específico, estamos apenas alterando as tags HTML e, em vez de criar qualquer nova classe ou seletor de ID.

corpo {fonte: normal 100% "trebuchet ms", Arial, Helvetica, sem serifa; } a {color: # 000000; } A: visitou {color: # 005177; } a: passe o mouse {color: # 005177; }

O código CSS na caixa acima pode ser inserido na seção principal do HTML de uma página usando o código a seguir. No entanto, lembre-se de que executar esta ação aplica apenas essas alterações a uma única página.

Se você deseja usar o código CSS em várias páginas, sugerimos armazenar o código em um arquivo CSS separado e carregá-lo em todas as páginas. Por exemplo, o código CSS mostrado na primeira caixa desta página pode ser copiado e colado em um arquivo com a extensão.css.

Gorjeta

Um arquivo CSS pode ser criado usando qualquer editor de texto ou até o Bloco de Notas se você estiver usando o Windows.

Depois que o arquivo é salvo, ele deve ser vinculado no cabeçalho do código HTML usando a tag. A caixa a seguir mostra um exemplo desse elemento em uso.

  • URL ou caminho para o arquivo css aqui ">

    Se você nomeou o arquivo CSS example.css, e ele está no mesmo diretório que o arquivo HTML do qual está sendo carregado, a seguinte linha vincularia o arquivo CSS.

    CSS3 é a versão do CSS (Cascading Style Sheets) que substitui o CSS2. Ele apresenta novos seletores e propriedades que permitem mais flexibilidade com o layout e a apresentação da página. Algumas atualizações, como a propriedade box-shadow (que permite adicionar um sombreamento a um elemento), permitem que efeitos visuais sejam aplicados sem a necessidade de criar imagens especiais.