-
Incrementar el espacio entre las letras con CSS
Si quisieramos incrementar el espacio entre letra y letra de un texto en una página web. La forma más simple sería utilizar hojas de estilos y modificar la propiedad del word-spacing, tal y como lo podemos ver en el siguiente ejemplo, espero sea de su agrado. <html> <head> <style type="text/css"> p { word-spacing: 30px } </style>…
-
Indentación o sangria en CSS
Una funcionalidad maravillosa del CSS es que nos permite indentar (comunmente conocido como dejar sangría), lo cual sirve para dar un descanso a la vista del lector, además de darle un buen toque de gusto a la colocación del texto en nuestras páginas. <html> <head> <style type="text/css"> p {text-indent: 1cm} </style> </head> <body> <p> Ejemplo…
-
Borde en CSS
Las hojas de estilo nos permiten colocar un borde a los elementos de las páginas web. En este ejemplo vemos todas las propiedades del borde aplicadas al tag <p>. <html> <head> <style type="text/css"> p { border: medium double rgb(250,0,255) } </style> </head> <body> <p>Texto rodeado por borde en CSS</p> </body> </html>
-
Propiedades del texto con CSS
En este ejemplo vemos como podemos asignarle una propiedad a todo el texto del tag <p> mediante hojas de estilo. En este caso, la fuente es italica, pequeña, de 12 pixeles y con letra arial. <html> <head> <style type="text/css"> p { font: italic small-caps 900 12px arial } </style> </head> <body> <p>Este es un párrafo…
-
Decoración de textos con CSS
Mediante hojas de estilo, CSS, podemos darle al texto diferentes formatos de manera muy simple: Como subrayar el texto, atravezarlo con una línea, poner una línea superior o hacerlo parpadear (no funciona en IE), así como agregar diferentes colores a las ligas de una página. Aquí les dejo un ejemplo sencillo sobre el manejo del formato del…
-
Fondo fijo en CSS
Alguna vez te has preguntado cómo se hacen los fondos de las páginas que no caminan, es decir, que cuando recorres para leer el texto el fondo se queda fijo. Pues aquí te tengo la solución para poner un fondo fijo con CSS. html { background: url(img/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size:…
-
Leyes de Newton
Las leyes de Newton son tres leyes físicas que explican el movimiento y la fuerza, y corresponden a la parte de la física que estudia el movimiento, llamada dinámica. No todas las leyes fueron descubiertas por Newton, sin embargo, el las recopiló y explicó en el tercer Volumen de su libro Principios matemáticos de la…