Para diseñar un sitio web basado en estándares web, el método de transición utiliza principalmente XHTML+CSS, y las hojas de estilo CSS son esenciales. Esto requiere que todos los diseñadores web dominen CSS. Si no lo ha usado antes, comience a aprender ahora. 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. Se trata de un cambio en la forma de pensar, que resulta un poco incómodo al principio. Jaja, habrá resistencia a cualquier cambio. Para poder disfrutar de los beneficios de 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:
<tipo de estilo=texto/css> <! ――cuerpo { fondo: blanco; color: negro }――> </estilo>
Método de llamada externa: escriba la hoja de estilo por separado. css y luego llámelo con un código similar al siguiente en el área del encabezado de la página.
<enlace rel=hoja de estilo rev=hoja de estilo href=css/style.css type=text/css media=all />
En un diseño que cumple con los estándares web, utilizamos el método de llamada externa. Los beneficios son evidentes. Solo puedes modificar la página sin modificarla. css para cambiar el estilo de la página. 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.
Hoja de estilo de llamada al método de tabla doble
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all /> <style type=text/css media=all> @import url( css/style01.css ); >
¿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 el navegador Netscape 4.0. En otras palabras, cuando desee que ciertos efectos estén ocultos 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.