Selecciona el Idioma

domingo, 9 de junio de 2013

CSS

Para ver otros métodos en CSS visitar : CSS2
En anteriores contenidos, ya os he explicado como hacer gran variedad de cambios de tipo de estilo CSS, pero aquí os presento unos diferentes a los vistos anteriormente:
CURSIVA: Por ejemplo si queremos escribir en  cursiva , habéis de aplicar el siguiente código sin almohadillas sobre el texto que queráis modificar:<#em>texto en cursiva<#/em> o también se puede usar <#i>cursiva<#/i>.
NEGRITA: Para poner algo en NEGRITA, hay dos formas con el mismo o similar resultado : <#strong>texto en negrita<#/strong> o bien <#b>texto en negrita <#/b>.
SUBRAYAR: para subrayar un texto, <#u>texto subrayado<#/u>.
SUPERÍNDICE/SUBÍNDICE: Para crear un superíndex o un subíndex, se hace con SPAN: #element {# vertical-align: super | sub }
se establece dentro del style con clases( sin almohadillas para ejecutar códigos:
#span.exp {vertical-align: #super} #span.sb {vertical-align: #sub} span.exp {vertical-align: super} span.sb {vertical-align: sub}
pero se ha insertar dentro del body, en el lugar que deseamos crearlo:entre BLOCQUOTE:
<#blockquote>
HNO3
<#/blockquote> <#blockquote>h = gt2 / 2
<#/blockquote>
HNO3
h = gt2 / 2

LETRA CAPITAL: Para crear una letra capital ( primera letra de texto más grande al resto, como ocurre en los cuentos ( dentro del STYLE )en el caso de querer modificar un paragráfo :
#p { text-indent: 30px } #p:first-letter { font-size: 150%; color: blue }
TEXTO EN FORMATO PREVIO: Conseguir un texto con formato previo (dentro del body) con las etiquetas <#pre>, <#/pre>:
<#pre> En quin llavi de dona seria, en quin lloc de muntanya o del pla aquesta tonada floria? Quina fou la primera que es trobà amb la blanca melodia com una oreneta caçada amb la mà, sense esquerperia? Quina dona del meu país, amb aire amorós i enyoradís, vestida de sarja i esclop, peró amb una veu molt clara va cantar per primer cop la cancó del Noi de la Mare? <#/pre>
 En
 quin
 llavi de
 dona seria,
 en quin lloc de
 muntanya o del pla
 aquesta tonada floria?
 Quina fou la primera que es
 trobà amb la blanca melodia com
 una oreneta caçada amb la mà, sense
 esquerperia? Quina dona del meu país, amb
 aire amorós i enyoradís, vestida de sarja i esclop,
 peró amb una veu
 molt clara va
 cantar per primer
 cop la cancó del
 Noi de la Mare?

SÍMBOLOS DE LAS LISTAS: Se pueden cambiar los símbolos de las listas con especificaciones correctas en el style:
ul { list-style-type: square } ol { list-style-type: lower-alpha }
• decimal (1, 2, 3...) • upper-roman (I, II, III...) • lower-roman (i, ii, iii...) • upper-alpha (A, B, C...) • lower-alpha (a, b, c) • none (vacío) • disc (circulo negro) • circle (circulo blanco) • square (cuadrado negro)
Color de los vínculos, enlaces:
Los navegadores assignan un color diferente a los enlaces no visitados, a les visitados y a los activos . Para la especificación de estos colores se usan los conocidos pseudo-elementos de A<#a>:
• a:link {color: #color}= a:link{color:#fff321} para link creado
• a:visited {color: #color}=a:link{color:#ff4444} para link visitado recientemente
• a:active {color: #color}= a:link{color:#000123} para link activo actual
• a:hover {color: #color}= a:link{color:#ff7777} para cuando pasamos el cursos por encima del link
INSERTAR IMAGEN COMO FONDO:
También es posible insertar una imagen como fondo de un elemento (tabla, parágrafo, body...); hace falta que la imagen no forme parte del documento, que solo contiene la referencia. element {background-image: url(adreça)} e incluso hacer que se repita como un mosaico: • element {background-repeat: repeat | repeat-x | repeat-y | no-repeat} (por defecto, repeat).
body {background-image: url(h15g.gif)} body {font-size: 20px}
BORDES:
Los valores del grueso de los bordes son THIN (fino),MEDIUM (medio) y THICK (grueso). Los principales valores de estilo son NONE (ninguno), SOLID (continuo), DOUBLE ( doble trazo), dotted (punteado) Y dashed (trazos cortos). I el color se especifica de la manera habitual. Si hace falta , se pueden establecer especificaciones como : border-width e incluso: borderbottomwidth, construidas con terminos top, bottom, left y right y los de grosor, estilo y color
por ejemplo:

h1 {border: thin solid #ff9000}
table {width: 40%; margin-left: 30%}
table.a { border: thin solid #ff9000 }
table.b { border-collapse: collapse }
td { border: thin solid #00ffff; padding: 20px }
img { margin-left: 10%; border-left: thick solid #00ff00; border-right: thick
solid #00ff00 }



No hay comentarios:

Publicar un comentario