Entradas

Mostrando entradas de agosto, 2016

Selector universal * en CSS

Imagen
El selector universal se representa mediante un asterisco * .   Cuando se incluye en una regla, el selector universal selecciona todos los elementos . Muchos expertos desaconsejan su uso ya que es difícil tenerlo bajo control y puedes estar aplicando estilos sin darte cuenta. El selector universal se aplica a veces para inicializar todos los elementos de una página web a un mismo estado, por ejemplo establecer el margen y el relleno de todos los elementos en seis píxeles.   Fuente: Activate, Google España      

Selector de tipo, de clase, descendente y de identificador / Programación CSS

Imagen
Existen cuatro selectores básicos fundamentales en CSS: Selector de tipo Selector de clase Selector descendente Selector de identificador 1) S elector de tipo : también es conocido como selector de elemento o selector de etiqueta . Selecciona todos los elementos de la página cuya etiqueta HTML coincide con el valor del selector . El siguiente ejemplo selecciona todos los párrafos de la página: p { ... }   Para utilizar este selector, solamente es necesario indicar el nombre de una etiqueta HTML (sin los caracteres < y > ) correspondiente a los elementos que se quieren seleccionar. Este selector hace referencia a todos los elementos o etiquetas de un mismo tipo. Para seleccionar una etiqueta, hacemos referencia a esa etiqueta en nuestro código CSS. El selector de tipo es muy poco específico : se aplicará a todas las etiquetas del tipo elegido que se incluyan en el código CSS. 2) Selector de clase : es una de las soluciones más sencillas

Selectores CSS

Conocer y dominar todos los selectores de CSS es imprescindible para crear diseños web profesionales. El estándar de CSS 2.1 incluye una docena de tipos diferentes de selectores, que permiten seleccionar de forma muy precisa elementos individuales o conjuntos de elementos dentro de una página web . Utilizando solamente los cinco selectores básicos de CSS 2.1 ( universal, de tipo, descendente, de clase y de id ) es posible diseñar cualquier página web. Fuente: librosweb.es

CSS: lenguaje de reglas

Imagen
CSS es un lenguaje muy sencillo que se compone de reglas. Cada regla está formada por uno o más selectores y una declaración formada por un bloque de estilos que define los estilos a aplicar para los elementos del documento que cumplan con el selector. Cada declaración de estilos se define entre llaves {} , y está formada por parejas propiedad valor.   Fuente: Activate, Google España    

Etiqueta link / Programación CSS

Imagen
La etiqueta <link> la debemos escribir en el <head> de la página web . En las versiones antiguas de HTML era necesario incluir el atributo type en la etiqueta <link> para indicar el tipo de lenguaje de estilos que se usaba. La idea era permitir el uso de distintos lenguajes de estilo, pero al final sólo quedó uno, CSS. Por ello, en HTML5 se ha simplificado y podemos escribir la etiqueta <link> sin el atributo type, ya que tiene definido como valor por defecto CSS . Además, la etiqueta <link> debe llevar el atributo href=“” en el que se indica la ruta al fichero que contiene la hoja de estilo y el atributo rel=“stylesheet” que indica que es una hoja de estilo.   Fuente: Activate, Google España    

¿Cómo se indica el juego de caracteres en una hoja de estilo? / Programación CSS

Imagen
En Declaring character encodings in CSS del W3C se indica que siempre se debe emplear UTF-8 como juego de caracteres para las páginas web HTML y para las hojas de estilo CSS . Si en el página web se indica el juego de caracteres, entonces no es necesario volver a indicarlo en la hoja de estilo. Sin embargo, se pueden dar situaciones en las que se combinen páginas web y hojas de estilo con distintos juegos de caracteres. En estos casos se debe indicar la codificación empleada en la hoja de estilo. En la especificación CSS3 Syntax se indican los métodos que se pueden emplear para definir la codificación de una hoja de estilo , de mayor a menor importancia: El valor Byte Order Mark (BOM) de Unicode situado al principio del fichero. El valor indicado por la cabecera HTTP Content-Type o por un protocolo similar cuando se transmite el fichero. El valor indicado por la regla @charset en el propio fichero . El juego de caracteres empleado en el documento que enlaza el