Una palabra inglesa compuesta por tres letras de css
Es un mecanismo sencillo para añadir estilos a documentos web y pertenece al lenguaje de diseño de la capa de presentación.
1. Especificaciones de sintaxis básica
Análisis de una declaración CSS típica:
p { COLOR: # ff 0000 Antecedentes: #FFFFFF}
Donde "p" se llama "selector", significa que queremos definir el estilo para "p";
La declaración de estilo está escrita entre llaves "{}" ;
El color y el fondo se denominan "atributos", y los diferentes atributos están separados por punto y coma "
"#FF0000" y "#FFFFFF" son valores de atributo.
2. Valor del color
El valor del color se puede escribir como valor RGB, como: color: rgb(255, 0, 0), o se puede escribir como hexadecimal, como el anterior. color de ejemplo: #FF0000. Los valores hexadecimales se pueden abreviar en pares y tienen el mismo efecto. Por ejemplo, #FF0000 se puede escribir como #F00. FC1A1B debe contener seis dígitos
Definir fuentes
Los estándares web recomiendan los siguientes métodos de definición de fuentes:
body { font-family: "Lucida Grande", verdana, Lucida. , Arial, Helvetica, Song Ti, sans -serif;}
Las fuentes se seleccionan en el orden indicado. Si la computadora del usuario contiene la fuente Lucida Grande, al documento se le asignará la fuente Lucida si no la contiene. tener la fuente Verdana, etc.
La fuente Lucida Grande es adecuada para Mac OS X
La fuente Verdana es adecuada para todos los sistemas Windows
Lucida es adecuada para usuarios de UNIX
"Song Ti" es adecuada para usuarios de chino simplificado;
Si ninguna de las fuentes enumeradas está disponible, se puede garantizar que la fuente sans-serif predeterminada ser llamado;
4. Selector de grupo
Cuando varios elementos tienen el mismo atributo de estilo, puede * * * llamar a una declaración, separada por comas
p , td, li { font-size: 12px; }<. /p>
5. Selector derivado
Puede utilizar selectores derivados para definir el estilo de los elementos secundarios en un elemento, por ejemplo:
Li strong { font-style: italic ;Peso de fuente: normal;}
Es para definir un estilo en cursiva pero no en negrita para el subelemento strong debajo de Li
6.selector de id
El diseño con CSS se implementa principalmente a través de la capa "div", y el estilo del div está definido por el "selector de id". Por ejemplo, primero definimos una capa.
ltdiv id="menubar " > lt/div gt;
Luego defínelo en tu hoja de estilo de esta manera:
# menubar { MARGIN: 0px; : #FEFEFE Color: #666;}
Donde "barra de menú" es su propio nombre de identificación definido. Tenga en cuenta el "#" al frente.
El selector de ID también admite la derivación, por ejemplo:
# menubar p { text-align: right; margin-top: 10px }
Este método Principalmente; Se utiliza para definir capas y aquellos elementos complejos con múltiples derivadas.
6. Selector de categoría
En CSS, la definición del selector de categoría está representada por un punto, por ejemplo:
. -size: 14px; }
En la página, use el método class="nombre de categoría" para llamar:
ltspan class="14px" >14px tamaño de fuente.
Este método es sencillo y flexible, pudiendo crearse y eliminarse en cualquier momento según las necesidades de la página.
7. Definir el estilo del enlace
Hay cuatro pseudoclases en CSS para definir el estilo del enlace, a saber: a: enlace, a: visitado, a: hover y a: activo, por ejemplo:
a: enlace { font-weight: negrita; decoración del texto: ninguna; color: # c00}
Respuesta: Visitado { font-weight: negrita; decoración: ninguna; color: # c30}
a: hover { font-weight: negrita; decoración del texto: subrayado; color: # f60}
a: active { font-weight : negrita; decoración de texto: ninguna; color: # F90}
Las declaraciones anteriores definen respectivamente los estilos de "enlaces, enlaces visitados, cuando se pasa el mouse y cuando se presiona el mouse". Tenga en cuenta que debe escribir en el orden anterior; de lo contrario, lo que aparece puede ser diferente de lo que espera. Recuerde que su orden es "LVHA".