Creación de un sitio web y llenarlo con ciertos elementos de una página web, todo el mundo se enfrentará a un término como CSS-selector.Sirve para determinar con mayor precisión todos los elementos de HTML-archivo de su diseño y ubicación en la página.Para ello, cree un CSS-un documento que detalla ciertos selectores y sus opciones de formato: color, tamaño, posición, y otros.Cada diseñador web debe saber y ser capaz de entrar correctamente las fechas de selectores.Se dividen por tipo, el principal de los cuales se discuten a continuación.
Tipos selectores en CSS
Dependiendo de lo que HTML-elemento se aplica formato, CSS selector pueden referirse a uno de los siguientes grupos:
- etiquetas selector
- ;
- selector de clase;
- Identificación del selector;Atribuye selector
- .Selector de etiquetas
También se le llama "selector de tipo" y "en el ítem", que es el más simple y común.A medida que su CSS-documento son los nombres de los elementos HTML-file que describimos.Por ejemplo, si tenemos que establecer el estilo de párrafo, especificamos las propiedades y sus valores para el elemento p {background: x;colores: y;tamaño: z}.En este caso, todas las páginas web de los apartados tendrá el mismo formato (color, tamaño de texto y similares. D.).Selector de clase
Pero lo que si es necesario pedir su cada párrafo es diferente de otros estilos?Para este propósito hay un selector de clase.
CSS-documento en este caso, contendrá una entrada similar a la siguiente: p.first {color: x;font-size: y}.Por lo tanto, definimos las propiedades de "color" y "tamaño" sólo para un párrafo de primera clase.
en html-documento, en este caso, ingrese el atributo de clase del nombre del estilo de primera.Las clases pueden ser tanto como el estilo que desea aplicar para elementos de la página web.
Identificación del selector
A menudo hay una necesidad de definir el estilo más precisamente, por ejemplo, a cualquier elemento de una página o en su muestra.En esta situación, la ayuda llega id-selector.El archivo html asignar un nombre de elemento deseado que lo identifica entre los demás.Por ejemplo, el elemento que queremos establecer un estilo diferente de los demás, voluntad artículo titular.
Luego asigne HTML-documento identificador de cabecera h1, tales ArticleName.Y en el archivo CSS para definir el estilo, añadiendo a la parrilla identificador nombre: #articlename {color: blue;text-align: center}.Ahora nuestro titular será el color azul y centrada.
Cada uno de los tipos anteriores se puede llamar "una sencilla CSS-selector."Ellos definen el formato de un parámetro HTML-documento en particular: elementos juntos similares (por ejemplo, todos los párrafos del artículo), una clase (por ejemplo, sólo el párrafo primero) o un artículo específico (por ejemplo, el título del artículo).Selector
atributos
Además de lo anterior, existen CSS en selectores de atributos - una forma más sofisticada de utilizar estilos.Permite elementos de formato HTML de un atributo o valor seleccionado.Hay varias variedades de este selector:
- por la presencia de un atributo;
- en su valor exacto;
- el valor parcial atributo;
- de su valor particular.
Consideremos cada una de estas variedades: primer caso
- .El formato se aplica si hay un atributo específico en el código html (que puede ser p, div, cabecera, etc.).Si no lo es, se utiliza un genérico para todos los elementos del estilo.Por ejemplo, los elementos que tienen el título (tooltip).
- segundo caso.El estilo se aplica sólo a los html elementos que son un valores de atributos de concordancia exacta.Por ejemplo, para aquellos elementos de entrada, en los que el valor del tipo de atributo igual a presentar.
- tercer caso.Bajo el formato, sólo incluirá los elementos de la lista de valores que tiene una determinada palabra.Por ejemplo, el atributo sideBar "clase" en los elementos div.
- cuarto caso.Estilo se define sólo para aquellos elementos html-documento en el que un atributo particular tiene un cierto valor, y comienza con él.Por ejemplo, el uso del color especificado a todos los elementos, atributos que el idioma Inglés (puede ser en, en-rus, en-au y así sucesivamente. D.).
Por lo tanto, el uso de uno u otro selector CSS mejor se puede colocar en una página web entera, y describir algunos de sus elementos.
