dani-rous escribió:Hola, estaba trabajando en la pagina de estilo general CSS
intentando poner dentro del contenido los titulos de la pagina web con los h1 y los h2, para darle propiedades, pero no reconoce las propiedades
h1 tiene definido 1.2em
h2 tiene definido 1.1em,
pero no reconoce ni el tamaño ni el color de las letras, el codigo que tengo en estilo-general es este:
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: center}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
body {text-align: center }
#global {width:850px ; margin:4px auto }
y no logro identificar donde esta mi problema, gracias por su atencion.
Hola:
En realidad los títulos h1, h2 h3 etc. etc. está ya prefijado el color y el tamaño dependiendo de la configuración que tenga por defecto el navegador.
pPor ejemplo, si la fuente por defecto para los textos que tiene en el navegador son de 14 píxeles, usted cuando encierre un título entre la etiqueta h1 el título será casi más de dos veces el tamaño de la fuente por defecto que tenga el navegador, o sea que lo que ponga dentro de la etiqueta <h1> medirá más o menos 30 píxeles.
Por eso uno cuando crea una hoja de estilo le suele cambiar esas medidas que tiene por defecto. Y si usted le pone en la hoja de estilo-general que el titulo correspondiente a la etiqueta <h1> sea de color azul y sea un 120 por ciento (que es igual a decir 1.2em) más alta que el tamaño de fuente que usted le ponga a la fuente, entonces or ejemplo . si usted le está diciéndo en la hoja de estilo a los textos que tengan un tmaño de 14 píxeles y después le dice a la etiqueta <h1> que tenga un tamaño de 1.2em es lo mismo que decir que el titulo sea un 120 por ciento más alto que la fuente, o sea en este caso el título tendrá un alto de casi 18 píxeles.
.
También es importante que cuando se le pongan las propiedades en la hoja de estilo general a las etiquetas <h1>, <h2>, <h3> etc. cuando se pone font size , se pone de esta manera
font-size, no se pone font.size, (en el curso hay un pequeño desliz de dedo con ello, o había)
Fuera de eso Si usted le dice al en la hoja de estilo general que el body tenga los textos centrados
por ejemplo body{text-align:center}
Lo que no puede hacer es volver a hacer otra línea, y poner otra vez body {background-color etc. etc. etc. etc. etc. }
Quiero decir que existe un solo body, y es en un solo body donde usted debe poner todas las directivas que llevará.
No tiene que tener bodys repetidos por toda la hoja de estilo general, basta con que tenga uno que diga body{text-align:center;background-color:#E6E6FA;background-image:url etc. etc. etc.}
Lo mismo sucede con las etiquetas <h1> etc. etc. etc.
Y lo mismo con la línea del asterisco
la que dice *{text-indent:0px etc. etc. etc.}, solo debe tener una y al principio de la hoja de estilo
Y lo mismo para la etiqueta p la de los párrafos, solo una.
Si uno quiere poner un párrafo que tenga distinto tamaño o color ,entonces debe inventar una clase o una identificación de que los párrafos que vayan en cierta apa o DIV sean de otro color o de otro tamaño
En realidad sería conveniente que revisara un poco desde el principio el Curso, para que vaya aclarándo las ideas, porque es normal que uno se confunda y crea que cada vez que tiene que ponerle propiedades y valores a una capa debe volver a poner en la hoja de estilo-general el nombre de la capa, y no suele ser así.
Saludos
