hola :!: ... me di porvencida llevo varios dias tratando de decifrar lo q dice en "Cómo se definen las propiedades de los enlaces" pero definitivamente no logro entenderlo por favr podrian enviarme una copia de estilos general css de alguien al q le haya salido para ver como y en q lugar lo puso porfa, es q estoy muyliada :shock: y ya me estavadando por vencida de hacer lapagina por eso pero no em quiero rendir gracias
krola escribió:hola :!: ... me di porvencida llevo varios dias tratando de decifrar lo q dice en "Cómo se definen las propiedades de los enlaces" pero definitivamente no logro entenderlo por favr podrian enviarme una copia de estilos general css de alguien al q le haya salido para ver como y en q lugar lo puso porfa, es q estoy muyliada :shock: y ya me estavadando por vencida de hacer lapagina por eso pero no em quiero rendir gracias¿Como se definen todos los titulos h1 para toda la pagina web?
h1 {font-size: 1.2em ; color: blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
De esa forma todos los titulos que tenga tu pagina tendrán ese tamaño de 120% mas grande que la letra normal con la que escribes en la pagina, y le estas diciendo que todos los titulos tengan ese color azul
y que sean un poco mas guesos de lo normal y que aparezcan al centro
Para definir los enlaces de la pagina se usa la a que quiere decir anchor
o sea ancla o sea enlace
pero para definir los enlaces en una pagina se usa un grupo de aes que se compone de cinco partes
La que manda es esta, aqui le dices fuera del color que quieres que se muestren, tambien como quieres que se comporten
o como display block o como display inline
El display block es para que cada enlace se comporte como un bloque, o sea como si fuese un parrafo uno debajo de otro, con el display inline le estas diciendo que los enlaces (de toda la pagina) se comporten como si fuesen en linea, uno al lado de otro
a{}
..--..--..--
luego esta
a:link{}
..--..--..--
Esta es para cuando ya has visitado una pagina y vuelves a la anterior entonces el enlace de la pagina que visitaste se muestra de otro color para que sepas que esa pagina ya la visitaste
a:visited{}
..--..--..--
Luego esta esta
a:hover{}
Es cuando pones el cursor sobre ella y al poner el cursor sobre ese enlace cambia de color y se pone subrayado y es al que se le da el fondo de color
..--..--..--
Luego esta esta
a:active{}
esta es para cuando ya estás en la pagina visitándola y se te muestra de otro color
..--..--
entonces se podrian poner de esta manera
...---...---
Que los enlaces de la pagina tengan color marron o café, que aparezcan subrayados y que se comporten como un bloque
a{color:brown;text-decoration:none;display:block}
..--..--
a:link{} este no es necesario usarlo
..--..--
a:visited{color:green}
Para cuando vayas a una pagina y despues vuelvas a la anterior, el enlace de la pagina a la que fuiste se pondrá de este color verde
..--..--
a:hover{color:red;text-decoration:underline;background:silver;}
Para cuando pongas el cursor sobre un enlace, este que era de color brown o marron o cafe, se ponga de color rojo y que aparezca subrayado, y que aparezca un fondo de color plateado o silver o un poco gris
..--..--
a:active{color:black}
Este es para que cuando pulses en un enlace, este cambie de color y se ponga negro por un momento
..--..--..--
Entonces todos los enlaces para toda la pagina serian de esta manera
a{color:brown;text-decoration:none;display:block}
a:link{}
a:visited{color:green}
a:hover{color:red;text-decoration:underline;background:silver;}
a:active{color:black}
Ahora si tu quieres que los enlaces de alguna capa se comporten de diferente manera, entonces tienes que crear un grupo de aes para esa capa, por ejemplo para la capa contenido
#contenido a{color:yellow;text-decoration:none;display:inline}
#contenido a:link{}
#contenido a:visited{}
#contenido a:hover{color:purple;text-decoration:underline;background:aqua;}
#contenido a:active{color:orange;}
Así todos los enlaces de la pagina se comportarán como le mandaste en el primer grupo de las aes, menos los enlaces de la capa contenido, ya que para la capa contenido creaste un grupo de aes que se comportarán de diferente manera
incluso al ponerle a los enlaces de la capa contenido que sean un display inline , podrás poner un enlace al lado o dentro de un parrafo y el enlace quedará en la misma linea y no se irá a otra linea.