CSS introdução
Cascading Style Sheets (CSS) é um dos três principais componentes das páginas da web modernas, junto com
Linguagem de marcação de hipertexto (HTML) e JavaScript. HTML indica ao navegador quais elementos
deve ser incluído na página (e em que ordem). CSS indica como cada um deve ser estilizado.
JavaScript fornece um meio para os autores de páginas da web manipularem esses elementos de maneira programática
e em resposta às ações do usuário final. Tutoriais e material de referência cobrindo todos os três
Linguagem de marcação de hipertexto (HTML) e JavaScript. HTML indica ao navegador quais elementos
deve ser incluído na página (e em que ordem). CSS indica como cada um deve ser estilizado.
JavaScript fornece um meio para os autores de páginas da web manipularem esses elementos de maneira programática
e em resposta às ações do usuário final. Tutoriais e material de referência cobrindo todos os três
os componentes estão disponíveis aqui.
Nessas páginas, descrevemos CSS com mais detalhes. O texto usado em arquivos HTML, CSS ou JavaScript geralmente é
mostrado na fonte courier new (ou seja, um espaço fixo). As páginas contêm links para um extenso corpo de
material de referência explicando HTML, CSS e JavaScript em detalhes. Também fornecemos uma ampla gama de
exemplos, que podem ajudá-lo a entender melhor como HTML, CSS e JavaScript funcionam. Veja abaixo para
mais detalhes sobre como acessar esses exemplos.
As instruções CSS podem ser:
- (a) incluído em um elemento HTML individual (como parte da marcação relacionada a esse
- elemento), ou seja, como CSS
- (b) incluído no arquivo HTML onde o (s) elemento (s) relevante (s) estão localizados, mas não diretamente dentro
- os elementos em questão, ou seja, como CSS "no arquivo"
- (c) incluído em arquivos CSS externos, ou seja, como CSS "externo", com um elemento HTML <link> usado para
- indique onde os arquivos CSS aplicáveis a um determinado arquivo HTML estão localizados.
- Os atributos de estilo de um elemento HTML também podem ser alterados por JavaScript "em tempo real", por exemplo, depois de
- a página foi carregada inicialmente ou em resposta a ações específicas do usuário, como clicar em um botão.
Os estilos CSS normalmente operam de acordo com uma hierarquia, com qualquer substituição de JavaScript tendo precedência
sobre qualquer estilo CSS presente quando a página é carregada inicialmente, mas, de outra forma, o CSS in-line toma
precedência sobre CSS in-file e CSS in-file tendo precedência sobre CSS externo (a menos que o
Característica 'importante' está incluída na declaração de estilo). CSS no arquivo está contido em um <style>
elemento. Se houver mais de um desses elementos, os posteriores têm precedência sobre os anteriores.
Versões mais antigas de HTML (por exemplo, HTML 4) exigem que os elementos <style> estejam no <head> do HTML
, embora a maioria dos navegadores pareça aceitá-los, mesmo que apareçam no <body>. Dentro
teoria, a versão HTML mais recente no momento da escrita (HTML 5) tem o conceito de um "escopo"
atributo que deve permitir que você aplique diferentes elementos <style>
para diferentes partes da página da web (que poderiam, então, aparecer legitimamente no elemento <body>),
mas nem todos os navegadores atualmente parecem atender a esse aspecto do HTML 5.
CSS externo e em arquivo são normalmente definidos na forma de 'conjuntos de regras'. Um conjunto de regras envolve um seletor
e um bloco de declaração. O seletor aponta para o tipo de elemento HTML ao qual o estilo se aplica,
enquanto o bloco de declaração contém uma ou mais declarações de estilo separadas por ponto e vírgula. Cada
declaração envolve um nome de propriedade CSS, seguido por dois pontos, seguido pelo valor atribuído ao
propriedade.
Por exemplo, a regra de estilo
h3 {cor: azul; text-align: center;}
tem um seletor que é h3 e um bloco de declaração que é {color: blue; alinhamento de texto:
Centro;}. Ele informa ao navegador que qualquer elemento <h3> (ao qual a regra se aplica) deve ser alinhado ao centro e aparecer em azul. Assim como no HTML, as quebras de linha e vários espaços são ignorados.
Outros tipos de seletores são apresentados aqui e abordados com mais detalhes aqui.
Os conjuntos de regras CSS in-line envolvem o atributo style (e não incluem um seletor ou as chaves /
chaves incluídas no arquivo ou CSS externo), por exemplo. eles envolvem definir o atributo de estilo do elemento junto
as linhas de: style = "color: red";.
Comentários em CSS começam com /* e terminam com */ e podem abranger várias linhas.
Com o tempo, o CSS foi refinado. No momento da escrita, a versão mais recente é CSS3. Funcionalidades em CSS1
e CSS2 normalmente ainda pode ser usado em CSS3
0 Comentários
Bem-vindo e muito obrigado pela preferência