1
Crear un archivo CSS y entrar en las etiquetas de estilo que se utilizarán en la aplicación. Por ejemplo , para crear una combinación de colores que muestra el texto normal en negro , pero muestra un color de fondo de color rosa para un nombre femenino y azul para un nombre masculino , escriba:
body { font- family: Arial , Helvetica , sans- serif; font- size: . 12px }
header { font-weight : bold; color: # 339 }
f {color : # 000 ; background-color : #. . FF99FF }
m {color : # 000 ; background-color : # 66CCFF }
2
Crear un nuevo archivo PHP e insertar los encabezados de HTML para el archivo. ! Por ejemplo , escriba:
< DOCTYPE HTML PUBLIC " - //W3C //DTD HTML 4.01 Transitional //EN" Nombres < /title >
3
Inserte las etiquetas de estilo HTML e incluir el archivo CSS externo utilizando PHP. Por ejemplo , escriba: < ? Php
incluyen " style.css " ;
>
< /style>
< /head>
4
Crear un conjunto de datos para mostrar el uso de las etiquetas de estilo. Introduzca un nombre y el género, que controlará el esquema de colores utilizado . ¿ Por ejemplo , escriba: php
$ data = array ()
< ;
array_push ( $ data , array ("nombre " = > " Susan ", "sexo " = > "f "));
array_push ( $ data , array ( "nombre" = > " Tom ", "sexo " = > "m "));
array_push ( $ data , array ( "nombre" = > "Steve ", "sexo " = > "m "));
array_push ( $ data , array ( "nombre" = > " Jane ", "sexo " = > "f ")) ;
5
código HTML de salida utilizando PHP que sustituye a la clase correcta para CSS el estilo basado en la información contenida en los datos . Por ejemplo , escriba:
echo '
Nombre < /td > < /tr >'; foreach ($ datos as $ indice = > $ persona) { printf ( " |
% s < /td > < ;/tr> ', $ persona [ "sexo" ], $ persona [" name"] ) ; } echo' < /table > '; < /body> < /html> Editar el archivo CSS y cambiar el esquema de color. Vuelva a ejecutar el script PHP y ver los resultados en pantalla. Página anterior: Cómo Graficar en PHP
Página siguiente: ¿Cómo hacer saltos de línea en PHP
Los últimos artículos de equipo
Artículos de la popular computadora
Conocimientos Informáticos © http://www.ordenador.online
|