Temas > Programacion > Css > Definicion de estilos a nivel de pagina
Julio

Es la definición de estilos en una sección de la cabecera de la página
HTML donde podemos definir estilos que se aplican a las distintas marcas
HTML de la página.
El problema del concepto anterior donde debíamos crear un estilo similar
para la marca h1 se puede resolver en forma más adecuada empleando la
definición de estilos a nivel de página.
Mostrar dos títulos con texto de color rojo sobre fondo amarillo.
<?php //esto no va
<html>
<head>
<title>Problema</title>
<style type="text/css">
h1 {color:#ff0000;background-color:#ffff00}
</style>
</head>
<body>
<h1>Primer título</h1>
<h1>Segundo título</h1>
</body>
</html>
?>//esto no va
Podemos observar que en la cabecera de la página definimos la sección:
<?php //esto no va
<style type="text/css">
h1 {color:#ff0000;background-color:#ffff00}
</style>
?>//esto no va
Debe estar encerrada por la marca style. En este ejemplo indicamos al
navegador que en todos los lugares de esta página donde se utilice la
marca h1 debe aplicar como estilo de color de texto el rojo y fondo el
amarillo. Podemos observar que es mucho más eficiente que definir los
estilos directamente sobre las marcas HTML.
Podemos definir estilos para muchas marcas en la sección style:
<?php //esto no va
<html>
<head>
<title>Problema</title>
<style type="text/css">
h1 {color:#ff0000}
h2 {color:#00ff00}
h3 {color:#0000ff}
</style>
</head>
<body>
<h1>rojo</h1>
<h2>verde</h2>
<h3>azul</h3>
</body>
</html>
?>//esto no va













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar