COLORES, FONDOS Y FUENTES CON CSS

Slides:



Advertisements
Presentaciones similares
Laboratorio 1 Paginas Web y HTML
Advertisements

Hojas de estilo.
HTML PROGRAMACION WEB.
Laboratorio 5 Hojas de Estilo CSS
Visualización de documentos XML con CSS
Ing. Jéber G. Martínez. HTML: Definiéndolo de forma sencilla, "HTML es lo que se utiliza para crear todas las páginas web de Internet". Más concretamente,
HOJAS DE ESTILO EN CASCADA CSS
CSS: Cascading Style Sheets
CSS WALC 2004 – Track 2 Pep Turró Cuzco, octubre de 2004.
Introducción a Lenguajes web
SEPARANDO FORMA DE CONTENIDO Prof. Leonel Del Carpio
HTML/CSS Marcas básicas.
DESARROLLO DE APLICACIONES CON TECNOLOGÍAS WEB
Hojas de Estilo Una hoja de estilo es un documento es un documento independiente, donde se definen todos los estilos que se utilizarán en todas las páginas.
PAGINAS WEB 4TA. CLASE Luis Rojas.  Recordemos apagar/silenciar nuestros teléfonos móviles.
Hojas de Estilo en Cascada MC Beatriz Beltrán Martínez.
Sandra Constanza Rubiano
Curso de Diseño Web Profesor: Mario Figge. El Modelo de Cajas (Box Model)
Anatomía de la declaración La declaración consta de dos partes:  Propiedad  Valor Selector Propiedad Valor A { color: #000013;}  La propiedad es una.
Desarrollo CSS.
Disposición de la división de las páginas: La zona de contenido principal tendrá 25 píxeles de espacio en blanco en la parte izquierda superior. /*División.
CSS div.
HTML – Principales Etiquetas
TÍTULO DE LA PRESENTACIÓN Nombre Autor Autor
Ingeniero de Sistemas – Universidad de Los Andes
Laboratorio 1 Paginas Web y HTML Justiniano Junco B Curso: Computación Justiniano Junco Fecha: 23 de Mayo del 2012 Profesor:
Image Sprites. Uso de Image Sprites Es una colección de imágenes colocadas en una simple imagen: Una página web con muchas imágenes puede tardar mucho.
ACTIVIDAD 1 Enlaces a otras páginas de la presentación, a otros documentos, a una página Web…Para hacer un enlace a una página de Internet también se puede.
Curso de Diseño Web Profesor: Mario Figge. CSS  Las hojas de estilo en cascada (Cascading Style Sheets) son un lenguaje formal usado para definir la.
Criterios para diapositivas
“Trabajando en Notepad”
POWER POINT.
Instituto Tecnológico Superior “Daniel Álvarez Burneo” Propiedades de Tipo, Fondo, Bloque, Borde de CSS Integrantes: Anita Carrión Mercedes Rodríguez María.
CSS Cascading Style Sheets
Karina Quispe. Multiplataforma Simple Esta en todos lados No es mas que simple texto Libre.
Tecnologías Emergentes y los Negocios Unidad 4 – Diseño de Sites.
CSS CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS.
El color El tamaño del texto Tipo de letra Listas.
Una de las características de un sitio Web eficaz es mostrar sus contenidos de manera accesible y vincular de manera fácil a documentos de diferentes.
Alejandro Caballero Daza Juan Camilo Arévalo Arboleda.
Normas para elaborar un Power Point. ORGANIZA LAS IDEAS ANALIZA LA INFORMACIÓN ESTRUCTURA EL TEXTO PUBLICA.
Saregune CC 2009 CSS. CSS: Instrucciones para modelar visualmente la página web.
Hojas de Estilo en Cascada CSS RAFAEL MOURGLIA. CSS son las siglas de Cascade Style Sheet que traducido significa hojas de estilo en cascada. Las hojas.
HTML.
COMPUTACIÓN Y SOFTWARE DE APLICACIÓN
***REQUISITOS*** No modifique el tamaño de esta plantilla.
“CSS - Colores” Rogelio Ferreira Escutia.
HTML Formato al texto.
CSS fondos saregune CC 2009.
Estilos de la fuente Para resaltar palabras o textos completos tenemos tres estilos de fuente: Negrita o CTRL + N Cursiva o CTRL + K Subrayado o CTRL +
No usar texto en cursiva. FONDO
HTML, Editores HTML, Servidores Locales
13 Clase/ 5 de noviembre 2015/ Jueves --Exposiciones -Estructura del Cuerpo HTML 5 -CCS --Maquetación en Dreanweaver.
Parte 3. HTML.
Introduccion al html Se utilizará un tutorial online donde nos basaremos para la creación de nuestra página web. Para ello tecleas en el navegador predeterminado.
*Elimine este cuadro de texto para realizar su Póster
*Elimine este cuadro de texto para realizar su Póster
*Elimine este cuadro de texto para realizar su Póster
Cómo personalizar Microsoft SharePoint Sitio web en línea
CSS: “CASCADING STYLE SHEETS”
Tema 4 Lenguaje HTML Parte 4.
Facilitador: Ing. Marco Poma Fuente: Bibliografía del Internet
ETIQUETAS HTML.
HTML.
HTML.
RECOMENDACIONES PARA EL DISEÑO DEL PÓSTER
Elaboración de portales web 2019
***REQUISITOS*** No modifique el tamaño de esta plantilla.
Título Servicio Departamental de Salud (SEDES) Unidad, Programa, Área, Red
Guía Básica de HTML.
Transcripción de la presentación:

COLORES, FONDOS Y FUENTES CON CSS Background-color Background-image font-family font-size font-style font-weight

COLORES, FONDOS Y FUENTES Color de texto [color] La propiedad color describe el color de los textos.Ejemplo: h1 {color: #ff0000;} p {color:blue;} Los colores se pueden introducir como valores hexadecimales, como en el ejemplo anterior: #ff0000; o se pueden usar los nombres de los colores: "red" (rojo).

COLORES, FONDOS Y FUENTES Color de fondo [background-color] La propiedad background-color describe el color de fondo de los elementos. También se pueden aplicar colores de fondo a otros elementos, entre ellos, a los encabezados y al texto. En el ejemplo que sigue se aplicarán diferentes colores a los elementos <body> y <h1>. Ejemplo: body {background-color: #FFCC66;} h1 {background-color: #FC9804;}

COLORES, FONDOS Y FUENTES Imágenes de fondo [background-image] La propiedad CSS background-image se usa para insertar una imagen de fondo. Para insertar la imagen de la mariposa como imagen de fondo de una página web, aplica sencillamente la propiedad background-image al elemento <body> y especifica la localización de la imagen. Ejemplo: body {background-image: url(butterfly.gif);} body {background-image: url (http://www.nombredominio.com/butterfly.gif)}

COLORES, FONDOS Y FUENTES Familia de fuentes [font-family] La propiedad font-family se usa para establecer el tipo de fuentes que se usarán para mostrar un elemento determinado o una página web. Ejemplo: h1 {font-family: arial;} h2 {font-family: verdana;}

COLORES, FONDOS Y FUENTES Estilo de la fuente [font-style] La propiedad font-style define si la fuente aparece en cursiva. El valor es italic Ejemplo: h1 {font-style: italic;} h2 {font-style: italic;}

COLORES, FONDOS Y FUENTES Peso de la fuente [font-weight] La propiedad font-weight determina si la fuente aparece en negrita. El valor es bold. Ejemplo: p {font-weight: bold;} li {font-weight: bold;}

COLORES, FONDOS Y FUENTES Tamaño de la fuente [font-size] El tamaño de la fuente se establece por medio de la propiedad font-size. La unidad de medida para indicar el tamaño está en pixeles. Ejemplo: h1 {font-size: 30px;} h2 {font-size: 12px;} h3 {font-size: 18px;} p {font-size: 10px;}