Cómo mejorar tu Instructables usando HTML (12 / 14 paso)

Paso 10: Estilo con CSS

CSS es donde pone cool stuff! Usted puede hacer muchas cosas diferentes con CSS, con sólo una pocas se enumeran aquí.

Código CSS Ejemplo Descripción y notas

Este texto es de estilo

Cambia el aspecto del cursor

Este texto es de estilo

Cambia el color de texto
Consulta esta página para nombres de colores predefinidos

Este texto es de estilo

Establece el tamaño del texto
Puede ser utilizado en estos formatos

Este texto es de estilo

Determina la fuente del texto
Haga clic aquí para más

Este texto es de estilo

Define las dimensiones del elemento
(el fondo está delineado en negro)

Este texto es de estilo

Espacio de hojas alrededor de un elemento
(el fondo está delineado en negro)

Este texto es de estilo

Crea una barra de desplazamiento si el texto se extiende más allá de la altura definida o ancho

Este texto es de estilo

Crea un borde
Más información sobre la propiedad border aquí

Este texto es de estilo

Cambia el color de fondo

Este texto es de estilo

Alinea el texto a la derecha, centro o izquierda

Este texto es de estilo

Texto subraya o overlines

Este texto es de estilo

Crea una sombra basada en el texto

Más información en la propiedad text-shadow aquí

Este texto es de estilo

Hace que cada carácter mayúscula pero más pequeño.

Uso en línea CSS:

			

          

Artículos Relacionados

Mejorar sus imágenes digitales (como por Instructables) usando GIMP gratis

Mejorar sus imágenes digitales (como por Instructables) usando GIMP gratis

OK, todos hemos visto los. Instructables que son grandes pero las imágenes son sosos, fangoso o dim. Tengo un montón de comentarios que la mayoría de mis imágenes Instructable son bonito y brillante, y lo hace más divertido leer y agradable Instructa
Cómo hacer un Instructable usando el nuevo Editor de

Cómo hacer un Instructable usando el nuevo Editor de

Como habrás dado cuenta, hay un nuevo editor de Instructables por aquí! A pesar de que el cambio es bueno, el cambio también puede ser difícil, así que hice esta guía práctica de dandy para pillarle el truco del nuevo editor y tomar su Instructables
Creación de Instructables usando el iOS de Instructables aplicación

Creación de Instructables usando el iOS de Instructables aplicación

Hola y Bienvenidos a Instructables!En este Instructable, lo iré sobre cómo crear un Instructable a través de nuestro iOS aprox. (ahora disponible en iPad!)Vamos a empezar!Paso 1: Abra la aplicación Abre la aplicación. Ahora va a ver la Página princip
Incorporar un modelo de fusión 360 (3D) en el Instructable

Incorporar un modelo de fusión 360 (3D) en el Instructable

Aquí está una manera nueva fresca para mejorar su Instructables con detallados modelos 3D interactivos creados con Autodesk fusión 360. Te llevo paso a paso a través del proceso de publicación de su modelo 360 de fusión en la fusión 360 Galería e inc
Web diseño básico (HTML y CSS)

Web diseño básico (HTML y CSS)

yo estoy aprendiendo HTML y CSS y estoy pronto va a llegar certificado en ella así, y pensé que sería una buena idea para dar a conocer un tutorial sobre cómo empezar a diseñar su propia página web usando HTML y un poco de CSS...HTML es el acrónimo p
Hacer una tabla de datos de Instructables sin ya no funciona Pro

Hacer una tabla de datos de Instructables sin ya no funciona Pro

Ignorar esta opción, el editor de Instructables ha cambiado para omitir Em, En y medio espacio.Paso 1: Hacer una tabla de datos de Instructables sin Pro Quería mostrar algunos datos de la tabla en el texto de un Instructables. Se trataron de las conf
Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

se trata de una guía de varias parte sobre cómo construir tus propias páginas Web. Cubre todo, desde código HTML básico, el código PHP más avanzados, al uso de editores de GUI para hacer su proceso más rápido. Esta primera parte abarcará usando HTML
Cartera de papel de Instructables hackeado! (2 vías) y nuevo diseño de

Cartera de papel de Instructables hackeado! (2 vías) y nuevo diseño de

hacer tu propio original "cartera de papel de Instructables" con unos gráficos de la web y este Instructable!Mientras que la Web de Instructables estaba experimentando algunos cambios y no estaba disponible, había una opción para descargar una c
Cómo hacer una fresa de 51 pieza puzzle usando sólo herramientas de mano

Cómo hacer una fresa de 51 pieza puzzle usando sólo herramientas de mano

En este tutorial encontrará una instrucción paso a paso para hacer un rompecabezas de rebabas de 51 pieza (también llamado "Pagoda", "Cristal japonés") usando sólo herramientas de mano. Es una manera agradable para familiarizarse con l
"Smart Shield" - sistema de alarma portátil usando Arduino

"Smart Shield" - sistema de alarma portátil usando Arduino

PIR Sensor está conectado a la tarjeta de arduino. Cuando se detecta un movimiento, un sonido de alarma y parpadea LED voluntad comienzan a actuar. Los tiempos de las detecciones de movimiento se guardan y pueden ser vistos más tarde en una pequeña p
Instructables Robot dispensador de T.P.

Instructables Robot dispensador de T.P.

si eres inexperto en el bordado, una forma simple pero divertida para aprender algunos de los puntos básicos es el uso de lona plástica.  Se puede cortar y decorado y azotado juntos para crear objetos 3D. Los puntos básicos utilizados en el trabajo c
Partir de HTML

Partir de HTML

por favor voten por este Instructable en el concurso de maestros! Eso sería impresionante.HTML, si no me equivoco, significa Lenguaje de marcado de hiper tensa. Corregirme si me equivoco. Es un básico, realmente fácil de aprender el lenguaje de codif
Cómo mejorar su punto de vista instructivo

Cómo mejorar su punto de vista instructivo

Paso 1-compartir su proyecto con sus amigos utilizando facebookPaso 2: publicar en foros de instructablesPaso 3: encontrar sitio editorial como este howtotec.webs.comPaso 4-corta tu URL instructable usando a URL shortener y enviar a tus amigos por SM
¿segundo 30 proyectos para mejorar su sitio con cosas que ya

¿segundo 30 proyectos para mejorar su sitio con cosas que ya

todo el mundo quiere hacer su vida mejor y más fácil, correcto? Este Instructable pretende con estos proyectos mini rápidos y fáciles que usted puede hacer con cosas que ya tengas en casa, como hacer un perchero papelera, un soporte de pared montado