-
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…
-
Cambiar el color del texto con CSS
Con las hojas de estilo, CSS, podemos cambiar el diseño, color y formato de cada uno de los elementos de una página. En este ejemplo podemos ver como se cambia el color de los diferentes textos, mediante la aplicación de hojas de estilo a tags específicos como h1, h2 y p. Para definir el color…
-
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:…
-
Imagen de fondo en CSS
Para colocar una imagen de fondo en una página web con CSS utilizamos el siguiente código: <html> <head> <style type="text/css"> body { background-image: url('IMAGEN.jpg') } </style> </head> <body> </body> </html>
-
Cambiar el color de fondo con CSS
Estás buscandó cómo cambiar el color de fondo de tu página y tus elementos, llegaste al lugar indicado. Las hojas de estilo o CSS nos permiten controlar de manera separada el color de fondo de cada uno de los elementos de nuestra página. Aquí les dejo un ejemplo para cambiar el color de fondo de…
-
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…