Hay cuatro tipos de estilos de escritura y CSS | un selector de varios usos

estilo CSS:

1. Hoja de Estilo Interna

   <Style type = "text / css ">
       hoja de estilo redacción
     </ style>

2. Utilice las etiquetas de enlace, utilice una instrucción de recursos externos en el documento, el más común tipo de camino. (Recomendado)

   <Tipo link = "text / css" rel = "stylesheet" href = "文件 路径" />

3. @ manera, la introducción de CSS, nota que este se carga de forma asíncrona, sólo se carga toda html después de la carga, hará que la página para abrir y cerrar. No se recomienda.

   <Style>

   @ import url ( "ruta de archivo");

   </ Style>

4. hojas de estilo en línea (hojas de estilo en línea), la más alta prioridad es el más sencillo, pero no pueden ser reutilizados no es fácil de mantener.

    <input type = "text" style = " Color: 0x550; font-size: 30px; " />

Prioridad: estilo en línea> estilo interno> estilo externa


selector:

1, la etiqueta selector: Sintaxis: nombre de la etiqueta

         nombre de la etiqueta las mismas etiquetas de todos los seleccionados

2, la clase de selección: Sintaxis:    . El valor de la clase

           Cada etiqueta de clase de atributo de clase añadido, diferentes etiquetas tienen la misma clase,  

           Nota: Etiquetas cómo añadir más clases, los valores de clase múltiples valores de atributos de clase están separados por un espacio  

. 3,  ID sintaxis selector: valor de #id  

           Cada añadir un atributo de etiqueta de identificación, el único requisito de valor de Identificación,   

4, una combinación de un selector:

  A) y conjuntos del selector: (o) seleccionar 1 , selector 2 , un selector 3 , ....

  B) la intersección de la selector y :() Selector Selector 1 2

   Nota: Seleccione selector de sólo el 1 etiqueta

              Selector de 2: selector de ID única o una clase de selector

(Por ejemplo etiqueta p . Valor Valor #div o de la clase de la etiqueta p #div . Valor de la clase)

  C) descendientes selectores: (hijos, nietos, .....) Selector Selector 1 2 ....... 

  D) Seleccione Selector: *

 

   Prioridad: seleccione la etiqueta <selector de clase <selector de ID

 

Supongo que te gusta

Origin www.cnblogs.com/64Byte/p/12497936.html
Recomendado
Clasificación