CSS-selector, eo seu papel na formato HTML-documento

Creando un sitio web e enche-lo con certos elementos da páxina web, todo o mundo vai afrontar un termo, como o CSS-selector. Ela serve para determinar con máis precisión todos os elementos dun ficheiro HTML do seu deseño e localización na páxina. Para iso, crear un CSS-un documento que explicita certas selectores e as súas opcións de formato: cor, tamaño, localización e outros. Cada Deseño Web debe saber e poder entrar correctamente as seleccións desexadas. Son divididos por tipo, o principal dos cales falaremos a continuación.

Tipos de selectores CSS

Dependendo de cal é aplicada en formato HTML o elemento, CSS-selector pode relacionarse a un dos grupos seguintes:

• tag selector;
• selector de clase;
• ID-selector;
• atributo selector.

selector de etiquetas

É tamén chamado de "tipo selector" ou "elemento", é o máis simple e común. Como o seu CSS-documento son os nomes dos elementos HTML-file, que describimos. Por exemplo, se cómpre definir o estilo de parágrafo, especificamos as propiedades e os seus valores para o elemento p {background: X; cor: y; Tamaño: z}. Neste caso, todos os parágrafos da páxina web terá o mesmo formato (cor de fondo, tamaño do texto, e así por diante. D.).

selector de clase

E se ten que preguntar ao seu cada parágrafo é diferente de outros estilos? Para iso, hai un selector de clase.

CSS-documento neste caso sería conter unha entrada do seguinte xeito: p.first {color: x; fonte de tamaño: y}. Así, definimos as propiedades "cor" e "tamaño" só para parágrafo de primeira clase.

Nun documento HTML, neste caso, entrou un atributo de clase para o nome do estilo primeiro. As clases poden ser tanto como o estilo que quere aplicar por elementos da páxina web.

ID selector

Moitas veces, hai unha necesidade de establecer un estilo, máis precisamente, por exemplo, para calquera elemento da páxina, ou para probalos. Nesta situación, a axuda vén ID-selector. O ficheiro HTML asignar un nome do elemento que o identifica entre outros. Por exemplo, os elementos que queremos establecer diferente doutro estilo será o título do artigo.

Entón, en un documento HTML atribuíndo o identificador H1 cabeceira, tal articlename. E no arquivo CSS, especificar o estilo, sumándose a reixa nome ID: #articlename {color: blue; text-align: center}. Agora a nosa titular terá a cor azul e centrado.

Cada un dos tipos anteriores pode ser descrito como "un simple CSS-selector". Axustan o formato para un parámetro específico do documento HTML: xuntos os elementos semellantes (por exemplo, todos os números do artigo), unha clase (por exemplo, só o primeiro parágrafo) ou un produto específico (por exemplo, o título do artigo).

selectores de atributos

Ademais do anterior, hai un CSS-selectores atributos - método máis complicado de estilos de aplicación. Permite que elementos de formato HTML do atributo ou o valor seleccionado. Existen diversas variedades deste selector:

• pola presenza do atributo;
• polo seu valor exacto;
• polo valor do atributo parcial;
• sobre o seu valor específico.

Imos considerar cada unha destas especies:

1. O primeiro caso. O formato aplícase, se está presente nun código HTML atributo específico (que pode ser un p, p, cabeceira, etc). Se non é, usa un xenérico para todos os elementos de estilo. Por exemplo, para os elementos que teñen o título (punta da ferramenta).
2. O segundo caso. O estilo aplícase só aos elementos HTML que teñen unha correspondencia exacta dos valores de atributo. Por exemplo, para inserir o elementos, onde o valor do atributo tipo é igual a enviar.
3. O terceiro caso. Baixo o formato só incluirá elementos na lista de valores que ten unha certa palabra. Por exemplo, sidebar atributo "class" aos elementos div.
4. O cuarto caso. Estilo defínese só para os elementos de HTML-documentos, cuxo atributo particular ten un determinado valor, e comeza con el. Por exemplo, o uso da cor especificada a todos os elementos que o atributo de lingua Inglés (que pode ser en, en-Rus, en-au e t. D.).

Así, mediante un ou o outro, o selector de CSS, pode ser máis ben indicado como unha páxina web enteira, e describir algúns dos seus elementos.