Formato básico del código de estilo CSS
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 completarse con 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 los atributos de estilo de varios elementos son iguales, puede usar * * * * para llamar a una declaración y los elementos están separados por comas, :p, td, Li { font-size:12px }
5. Selector derivado
Puede utilizar el selector derivado para definir el estilo de los elementos secundarios en el elemento. por ejemplo:
Li fuerte { font-style: cursiva; peso de fuente: normal ;}
Es para definir un estilo en cursiva pero no en negrita para el subelemento fuerte bajo Li
Selector 6.id
Principalmente a través del diseño CSS. Se implementa 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 la hoja de estilos así:
# menubar { MARGIN : 0px; Fondo: # FEFEFE Color: # 666; }
Donde "barra de menú" es el nombre de identificación que definiste. 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 es 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" >tamaño de fuente de 14px.
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:link, a:visited, a:hover y a: activo, por ejemplo:
a:link { font-weight:bold; decoración del texto: ninguno; color: # c00}
Respuesta: Visitado { font-weight:bold; decoración: ninguna; color: # c30}
a:hover { font-weight:bold; decoración de texto: subrayado; color: # f60}
a:active { font-weight :bold; decoración de texto: ninguna; color: # F90}
Las declaraciones anteriores definen respectivamente los estilos de "enlaces, enlaces visitados, cuando el mouse pasa por encima 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".