Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de CSS

CSS: lenguaje de estilo para las páginas web.

Y ahora tambien aprende a programar en C++ con Aprende Web C++

Manuales para la creación y diseño de páginas web

.

Básicos					Avanzados					Practicas
Inicio	HTML	CSS	Complementos	Gestores de Contenido	Javascript	PHP básico	Nuevas Tendencias	Programación	Librerías	Mi primera web	Prácticas Web

RSS. Suscribir canal.

1 El lenguaje CSS (II)

1.2 Normas de escritura.

Espacios en blanco y saltos de línea.

En esta página hablaremos sobre cómo debemos escribir el código CSS en el editor de textos

El tratamiento de los espacios en blanco y de los saltos de línea en el editor de textos para los archivos CSS es similar al de los archivos HTML, es decir:

• Sólo se tiene en cuenta un sólo espacio en blanco, ignorando los demás, es indiferente por tanto si escribimos uno o varios espacios en blanco en el texto.
• Los saltos de línea son indiferentes a la escritura, considerándose éstos como un espacio en blanco.
• También son indiferentes las tabulaciones, considerando todo el espacio que dejan como un único espacio.

Podemos organizar el contenido de nuestro archivo de forma que nos quede más claro, usando espacios en blanco, tabulaciones, y saltos de línea para organizarnos.

Por otra parte dentro de las declaraciones (texto entre las llaves) es indiferente que haya espacios en blanco o no, entre una propiedad y otra, o entre una propiedad y su valor; siempre que haya los signos de separación entre ellos. (punto y coma ; para separar propiedades, y dos puntos : entre la propiedad y su valor.

Cuando hay varios selectores, tenemos unas normas que indican la relación entre ellos, (si se aplica a todos, o si estan anidados, etc.) en este caso los espacios en blanco tienen también un significado, y las propias normas (que veremos en el tema "Selectores") indican si debe haber espacio o no entre ellos. En todo caso siempre es indiferente que haya un espacio o varios, pues siempre se considera como un único espacio.

Comentarios

El lenguaje CSS permite incluir comentarios entre sus reglas y estilos. Los comentarios son contenidos de texto que el diseñador incluye en el archivo CSS para su propia información y utilidad. Los navegadores ignoran por completo cualquier comentario de los archivos CSS, por lo que es normal utilizarlos para estructurar de forma clara los archivos CSS complejos.

El comienzo de un comentario se indica mediante los caracteres /* y el final del comentario se indica mediante */ , tal y como vemos en el siguiente ejemplo:

/* Este es un comentario en CSS */

Al igual que en los comentarios de HTML debemos abstenernos de poner datos privados o que no queremos que se sepan, ya que cualquiera puede acceder a ellos a traves del "codigo fuente" de la página.

Definición de propiedades.

En los próximos temas se incluyen definiciones de la mayoría de las propiedades de CSS. La forma de incluir este tipo de información se usa en la mayoría de manuales de CSS y se basa en el estandar oficial.

La información que vamos a explicar aquí es la manera abreviada de definir una propiedad y la lista de sus posibles valores.

• Si el valor se indica como una o varias palabras sin ningún carácter que las separe (paréntesis, comas, barras, etc.) el valor de la propiedad se debe indicar tal y como se muestra y con esas palabras en el mismo orden. Ejemplo: valor: left | right . (indica que podemos escoger entre los valores indicados)
• Si el valor se indica como una o varias palabras encerradas entre los signos < .. > el valor de la propiedad no es esa palabra, sino lo que ella indica. Ejemplo: valor: <porcentaje> | <medida> . (indica que debemos poner una medida o porcentaje)
• Si los valores se indican separados por una barra simple (carácter | ) sólo se puede tomar uno de los valores indicados. Por ejemplo, la notación <porcentaje> | <medida> | inherit indica que la propiedad solamente puede tomar como valor la palabra reservada inherit o un porcentaje o una medida.
• Si los valores se indican separados por una barra doble (símbolo || ) el valor de la propiedad puede tomar uno o más valores de los indicados y en cualquier orden. Por ejemplo, la notación <color> || <estilo> || <medida> indica que la propiedad puede tomar como valor cualquier combinación de los valores indicados y en cualquier orden.
• En cada valor o agrupación de valores se puede indicar el tipo de valor: opcional, obligatorio, múltiple o restringido.
• • El carácter * indica que el valor ocurre cero o más veces; Ejemplo: el valor [<family-name> , ]* indica que el valor de tipo <family-name> seguido por una coma se puede incluir cero o más veces
  • El carácter + indica que el valor ocurre una o más veces;
  • El carácter ? indica que el valor es opcional: ejemplo: El valor <url>? <color> significa que la URL es opcional y el color obligatorio y en el orden indicado.
  • El carácter {número_1, número_2} indica que el valor ocurre al menos tantas veces como el valor indicado en número_1 y como máximo tantas veces como el valor indicado en número_2; ejemplo: el valor [<medida> | thick | thin] {1,4} indica que se pueden escribir entre 1 y 4 veces un valor que sea o una medida o la palabra thick o la palabra thin.

Como esto en principio puede parecer un poco complicado, la mejor forma de entender este tipo de notación para las propiedades de CSS es observar la definición de cada propiedad y volver a esta sección siempre que sea necesario, ya que si te fíjas en los caracteres que rodean a esos valores, verás que no están alli porque sí, sino que tienen su significado.

No te preocupes si no acabas de entender esto muy bien, ya que de todas formas explicaremos cada propiedad por separado, e indicaremos los posibles valores que ésta pueda tener, y la manera de aplicarlos.

---

En la siguiente página vamos a ver cómo incluir el código CSS para que las propiedades CSS afecten a las etiquetas HTML.

Incluir código CSS

---

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com