Construir un sitio web profesional: parte 3 CSS (6 / 6 paso)

Paso 3: CSS se compone de tres partes:

Un selector, la propiedad y el valor.

  • Selector {propiedad: valor}

El selector es generalmente la etiqueta HTML que desea definir la propiedad es el atributo que desea cambiar y cada propiedad puede tener un valor. La propiedad y el valor están separados por un coma y rodeados por {y}:

  • cuerpo {color: #c0c0c0}

Si el valor tiene más de una palabra separadas por comas.

  • cuerpo {color: #c0c0c0}
  • cuerpo, td, th {font-family: Verdana, Arial, Helvetica, sans-serif}

Si haces más de una propiedad separada con un punto y coma ";"

  • cuerpo, td, th
  • {

* font-family: Verdana, Arial, Helvetica, sans-serif;

  • font-size: 12px;
  • color: #666666;
  • }

Aviso cuánto más fácil de leer es si no pones todo en una sola línea! Tenga en cuenta también cómo se pueden agrupar varios selectores por una coma "body, td, th"

Hacer el selector en una clase. Usted puede utilizar esto para hacer diferentes secciones de su página aparecen diferentes especificando el inicio de la "clase" con un periodo como .title

  • .title
    • {
    • acolchado-izquierda: 80px; fuente-tamaño: 24px; padding-top: 25px
    • }

En la página html Coloque la clase este < clase H4 = "title" > cosas < / H4 >

Mantener tu CSS limpio y organizado poniendo comentarios que no son vistos por nadie más que usted para dividir las diferentes secciones de la hoja de estilos.

/ * Este es un comentario * /

Fantástico trabajo! Utilice la hoja que ha descargado y realmente desgarrar. Probar diferentes cosas y ver qué pasa con la página html. Esto no es un profundo curso de HTML y CSS pero luego otra vez iba a ser un "al punto" instructable en la construcción de un sitio web profesional. Seré feliz de ser más elaborada si obtener suficientes peticiones o preguntas. Busque las muestras que va a hacer. Lo más probable es que se ser volver a crear algo de utilidad.

Artículos Relacionados

Construir un sitio web profesional: parte 1

Construir un sitio web profesional: parte 1

esto es parte de una serie rápida de instructables que le llevará desde los códigos básicos tales como cómo hacer texto en negrita a CSS avanzado y código dinámico.La hoja de trucos el código se puede encontrar en este instructable: código básico HTM
Construir un sitio web profesional: parte 2

Construir un sitio web profesional: parte 2

esta es la segunda serie de las lecciones de punto en diseño web. Si eres nuevo en diseño web o la necesidad de volver a tapar, por favor informe: construir un sitio web profesional: parte 1Código HTML y los códigos de color son en este instructable:
Cómo construir un sitio Web

Cómo construir un sitio Web

Aprender a construir un sitio Web. En primer lugar usted necesita una idea, lo que tu hacer la web sobre. Un sitio de tipo blog, información y entretenimiento. Desea que un tema que le interesan, para seguir agregando post o páginas a él. Esperemos q
Cómo construir un sitio web simple con WordPress

Cómo construir un sitio web simple con WordPress

En 2014, un simple sitio web no requiere ninguna codificación habilidades o conocimientos de computación inteligente. Sí, en los días acostumbrados a mano código páginas web con HTML, CSS y Flash incluso, pero hoy en día el proceso de creación de sit
Cómo construir un sitio web desde cero (paso a paso)

Cómo construir un sitio web desde cero (paso a paso)

Hola chicos!¿Estás harto de ver a la gente cobrar precios de redicilous para construir un sitio web?Así que voy a mostrarte Cómo construir tu propia web, paso a paso para alrededor $7!Este sitio web va a parecer y actuar AMAZING!Solo ver el 1er par d
Cómo construir un sitio Web... GRATIS!

Cómo construir un sitio Web... GRATIS!

Hola, gracias por mirar mi primer instructable. Hoy, yo se se le enseña a construir su propio sitio, gratis. Mostrará usted cómo navegar en el Editor de Wordpress y que usted consiga en el camino a la construcción de su propio sitio. Ahora ten en cue
Construir un sitio web para tan poco como $20 años!

Construir un sitio web para tan poco como $20 años!

En este instructable, va cubriendo todo lo que necesitas saber para crear un gran sitio web a muy bajo costo! Si desea ver algunos de mis trabajos, visitad: Webshawty.comUn par de cosas que tienes que:-Acceso a Internet-Una nueva computadoraOtros mat
Formación de E-Commerce: Aprender a construir un sitio web de comercio electrónico usando software libre

Formación de E-Commerce: Aprender a construir un sitio web de comercio electrónico usando software libre

originalmente llamé a este curso el curso de capacitación de 4 horas e-commerce. Yo le pagado-para la formación en una base del webinar. Aunque menos de un año de edad, los materiales ya están un poco fuera de fecha, así que no puedo realmente cobrar
Cómo construir tu propio sitio Web

Cómo construir tu propio sitio Web

una guía completamente cubierta para conseguir desde el papel hasta la web, gratis si lo desea, especialmente si cualquier webmasters amistoso deberle favores a pocos pero aún con poca experiencia y conocimiento puede construir un sitio web y consegu
Lo muy básico de un sitio web basado en el div

Lo muy básico de un sitio web basado en el div

este instructable le mostrará lo muy básico de cómo construir un sitio web con divs. Porque tablas utilizadas para el diseño son malas! : pPara entender este instructable, usted necesitará saber css y html básico. Si no entiendes algo, siente libre d
¿Cómo hacer tu propio sitio web? Top 25 constructores de sitio web de Best

¿Cómo hacer tu propio sitio web? Top 25 constructores de sitio web de Best

No siempre es necesario molestarse con un host web cuando usted está construyendo su propio sitio Web. Hay un montón de sitios web por ahí que te permitirá construir tu sitio web, y todos estos sitios pueden ser utilizados en conjunción con las soluc
Todo sobre la construcción de un proyecto de sitio Web

Todo sobre la construcción de un proyecto de sitio Web

este anteproyecto gratis web es un documento que se utiliza para planificar la construcción de una palabra clave éxito contenido Web. Este anteproyecto está creado con componentes fáciles de utilizar dentro de Microsoft Excel aunque muchos paquetes d
Creación de Bookhuddle.com, un sitio web para descubrir, organizar y compartir información del libro

Creación de Bookhuddle.com, un sitio web para descubrir, organizar y compartir información del libro

este post describe los pasos involucrados en la creación y puesta en marcha Bookhuddle.com, un sitio web dirigido a ayudar a los lectores descubrir, organizar y compartir información del libro.Los pasos descritos aquí se aplicarían al desarrollo de o
Cómo crear un sitio web de Weebly

Cómo crear un sitio web de Weebly

Visite la Página principal de Weebly utilizando cualquier navegador y regístrate para una cuenta. Usted necesitará introducir su nombre, dirección de correo electrónico y una contraseña.Paso 1: Paso 1: elegir un Plan deDespués de que haya completado