Sitio web de diseño de estándares WEB, el método principal es usar XHTML + CSS, la hoja de estilo CSS es esencial. Para crear un sitio web que cumpla con los estándares web, no se pueden diseñar páginas hermosas sin conocer CSS.
De hecho, todos los aspectos de la presentación deben implementarse con CSS. Solíamos usar tablas para posicionamiento y diseño, pero ahora tenemos que usar DIV para posicionamiento y diseño. Este es un cambio en la forma de pensar. Al principio resulta un poco incómodo. Para poder disfrutar de los "beneficios" que aportan las normas, vale la pena abandonar algunas viejas prácticas tradicionales.
Llamar hojas de estilo externamente
En el pasado, normalmente usábamos hojas de estilo de dos maneras:
Método de página en línea: la hoja de estilo se escribe directamente en el área del encabezado del código de la página. Algo como esto:
El siguiente es el contenido citado: <tipo de estilo="text/css"> <!-- cuerpo { fondo: blanco; color: negro } --> </estilo>; |
Método de llamada externa: escriba la hoja de estilo en un archivo .css separado y luego llámela con un código similar al siguiente en el área del encabezado de la página.
El siguiente es el contenido citado: <link rel="hoja de estilo" rev="hoja de estilo" href="css/style.css" type="text/css" media="all" /> |
En el diseño que cumple con los estándares web, utilizamos el método de llamada externa. Los beneficios son evidentes. Puede cambiar el estilo de la página sin modificar la página y solo modificar el archivo .css. Si todas las páginas llaman al mismo archivo de hoja de estilo, cambiar un archivo de hoja de estilo puede cambiar los estilos de todos los archivos.
Utilice el método de doble tabla para llamar a la hoja de estilo y ver el código original de algunos sitios que cumplen con los estándares. Es posible que vea las dos oraciones siguientes donde se llama a la hoja de estilo:
El siguiente es el contenido citado: <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" /> <style type="text/css" media="all"> @importar URL( css/style01.css );</style> |
¿Por qué escribirlo dos veces?
De hecho, en circunstancias normales, basta con utilizar el método del enlace externo (es decir, la primera frase). La llamada de doble tabla que uso aquí es sólo un ejemplo. El comando "@import" se utiliza para ingresar la hoja de estilo. El comando "@import" no es válido en los navegadores Netscape 4.0. En otras palabras, cuando desee que ciertos efectos se oculten en el navegador Netscape 4.0 y se muestren en 4.0 o superior u otros navegadores, puede usar el método de comando "@import" para llamar a la hoja de estilo.