CSS significa "folhas de estilo em cascata." CSS dá um maior grau de controle artístico e design para web designers e desenvolvedores, separando o conteúdo de parâmetros de exibição. instruções CSS são colocados na seção head de um documento da Web e, em seguida, indicado dentro do corpo de uma página da Web por chaves - {}. Dentro das chaves são suportes curvos - () - ou colchetes - [] - que designam mais elementos CSS.
colchetes
As chaves são os elementos principais de sintaxe CSS. Elas significam a abertura e fechamento de todos os parâmetros CSS dentro deles. Representado como {}, eles seguem elementos CSS que significam uma imagem, posição, elemento de exibição ou qualquer combinação dos elementos. existem as chaves dentro de qualquer elemento div / layer, e estão sempre dentro do "
lt; / Bodygt;" etiquetas. Aqui está um exemplo:div # exemplo {
&# 9-padding: 5px;
&# 9-margin: 20px;
&# 9-width: 350px;
}.
Parênteses curvos
elementos relacionais, como percentagens e cores, estão contidos dentro de parênteses curvos (os parênteses de documentos de texto). suportes curvos definir ainda mais elementos CSS. Em versões do CSS antes CSS3, suportes curvos poderia definir elementos da mesma maneira chaves pode. Dois exemplos são de cor (definida pelo código hexadecimal) e imagens de fundo, respectivamente:
color: rgb (128, 128, 255) -
imagem URL("/images/bg.jpg").
colchetes
colchetes - [] - conhecidos como seletores de atributos são utilizados para designar os valores de atributos de um elemento. Havia quatro valores diferentes em CSS2- mais três foram adicionadas com CSS3. Os quatro seletores originais definir atributo presença - [título], combinando qualquer elemento que tem um "título" atributo especificado- valor do atributo simples - input [type ="enviar"], Combinando qualquer elemento de entrada cujo atributo de tipo é igual a "enviar"- Valor lista de atributos - p [class = ~"literário"], Parágrafos cujo atributo de classe combinando é uma lista separada por espaços de palavras, um dos quais é "literário"- E valor de atributo parcial - a [href = ^"http:"], Correspondentes elementos de ligação cujo atributo de valor começa com "http:". colchetes não foram amplamente utilizado antes da introdução do Internet Explorer 7, porque o IE6 não reconhecê-los.
chevrons
Seletores e seções de documentos básicos para a linguagem de marcação de hipertexto (HTML) e extensível linguagem de marcação (XML) são delimitados por colchetes pontiagudos conhecidos como chevrons. Eles também significar uma criança de alguns elementos CSS. Em CSS, a " seletor filho" é constituído por dois ou mais itens separados pela Chevron "gt ;." Estes designar determinadas seções definidas de uma página Web: o corpo, que é o visível page- a camada (s), que podem ser empilhados como folhas de papel em cima de cada outro e titulação, o que denota certos objetos ou datas conhecidas como "microformatos."
CSS Notes
Separado de suportes de estilo CSS, ainda uma ferramenta organizacional valioso para layouts CSS envolvidos, são notas de folha de estilo. Estes são os comentários que não agregam ao código HTML, e, portanto, não alongar o carregamento da página vezes- eles fornecem um esboço para longo e complicado CSS. notas CSS são colocados dentro de seu próprio atributo de escalonamento - / * - como este:
/ Qualquer comentário está contido dentro dos segmentos entre colchetes e com asterisco /.
Eles podem ser extremamente valiosa para ajudar a navegar através de seções de folhas de estilo em cascata.