¿Cómo las hojas de estilo en cascada mejorar html

categoría Los medios de comunicación de Internet y sociales / Diseño y desarrollo web / Páginas web de construcción

(Cascading Style Sheets) CSS fue una tecnología recomendada por el Consorcio World Wide Web (W3C) en 1996. Una manera fácil de entender el propósito de CSS es verlo como una adición a HTML que ayuda a simplificar y mejorar el diseño de páginas web. De hecho, algunos efectos CSS no son posibles a través de HTML solo.

Otra ventaja de CSS es que le permite especificar un estilo de una vez, pero el navegador puede aplicar ese estilo muchas veces en un documento. Por ejemplo, si usted quiere algunas de las imágenes que aparecen en su sitio web para tener un marco azul fina alrededor de ellos, se puede definir este marco como un estilo en el CSS. Entonces, en vez de tener que repetir una definición HTML del cuerpo delgado y azul - cada uno y cada vez que quiera ese particular marco - que simplemente puede insertar el estilo CSS como un atributo para cada elemento gráfico que desea enmarcado.

Dicho de otra manera, se utiliza CSS para definir reglas generales sobre cómo los elementos en sus páginas web se comportan y cómo se ven - dónde se encuentren, su tamaño, su opacidad, y así sucesivamente. A continuación, puede simplemente hacer referencia al nombre de la regla cada vez que desee hacer cumplir dentro de su página HTML.

He aquí una regla CSS que define un par de cualidades que decida aplicar a sus titulares más grandes, H1:

Con esta regla CSS, en efecto, cualquier código HTML que contiene un elemento H1 se hace de forma automática en el tipo de 16 puntos y de color azul:
este titular es azul y 16 pt.
Reglas CSS se pueden definir en un archivo .css separado o integrados dentro del archivo HTML. Aquí está la regla de estilo titular CSS incrustado en el encabezado de un archivo HTML:
este titular es azul y 16 pt.
Note la  elemento. Puede definir sus estilos CSS dentro de este elemento. (Usted también puede tener múltiples  elementos de una página si lo desea.)


 
 
 
 
 
 
 
Artículos Relacionados
 
  

 
 
Sobre el autor
 
  ¿Cómo definir estilos para múltiples elementos de HTML5 y CSS3 programación ¿Cómo definir estilos para múltiples elementos de HTML5 y CSS3 programación 
A veces, es posible que desee una serie de elementos en su página web basada en HTML5 y CSS3 para compartir estilos similares. Echa un vistazo a este ejemplo para ver esto en acción.Los tres primeros títulos tienen estilos muy similares.…
  Cómo reemplazar estilos CSS3 Cómo reemplazar estilos CSS3 
Con estilos CSS3 heredadas viene la capacidad de anular una regla de estilo heredado. Por ejemplo, echar un vistazo a el siguiente código para tener una idea de lo que esto podría significar:overRide.htmlEsta div tiene sólo el estilo del…
  Cómo utilizar una hoja de estilos externa para HTML5 y CSS3 programación Cómo utilizar una hoja de estilos externa para HTML5 y CSS3 programación 
Soportes CSS3 hojas de estilo externas. Esta técnica le permite definir una hoja de estilo como un documento separado e importar en tus páginas web. Para ver por qué esto podría ser atractivo, eche un vistazo al ejemplo.Cuando nos fijamos en el…
  Cómo utilizar float a las formas de estilo para HTML5 y CSS3 programación Cómo utilizar float a las formas de estilo para HTML5 y CSS3 programación 
Muchos de los problemas de diseño de página parecen requerir tablas. Algunas uso inteligente del CSS3 flotador puede ayudar a los elementos con múltiples columnas sin la sobrecarga de tablas. Formas causan un dolor de cabeza debido a una forma…
  Cómo usar estilos locales para HTML5 y CSS3 programación Cómo usar estilos locales para HTML5 y CSS3 programación 
Un estilo se puede definir directamente en el cuerpo de HTML5. He aquí un ejemplo de este tipo de código. Un estilo local también a veces se llama un a nivel de elemento estilo porque modifica un caso particular de un elemento en la…
  Organización de documentos HTML5 revisitado Organización de documentos HTML5 revisitado 
El marco para un documento HTML sencillo consiste en una cabeza y el cuerpo. los cabeza proporciona información sobre el documento al navegador (ya veces también al servidor web), y el cuerpo contiene contenido que aparece en la ventana del…
  Sintaxis HTML seleccionada Sintaxis HTML seleccionada 
A pesar de todos los nuevos lenguajes y tecnologías de programación, HTML se mantiene el bloque de construcción básico para una gran cantidad de sitios web. Esta tabla contiene las etiquetas HTML más utilizados.TagComentariosNecesario para…
  Fundamentos Css y douglas robot javascript Fundamentos Css y douglas robot javascript 
En este proyecto, modificar y agregar estilos a un robot HTML llamado Douglas. Douglas fue liberado de la fábrica robot de esta mañana. Sus habilidades de javascript son outstanding- él no necesita mucho mantenimiento (sólo una nueva…
  Elementos básicos de html Elementos básicos de html 
HyperText Markup Language (HTML) es el idioma de la web, donde elementos dictar el formato y el estilo de tu sitio. Elementos HTML componen la codificación descargado que ves cuando vas a una página web en su navegador web (como Internet Explorer,…
  Diseño web CSS para dummies Diseño web CSS para dummies 
(Cascading Style Sheets) CSS fue una tecnología recomendada por el Consorcio World Wide Web (W3C) en 1996. Una manera fácil de entender el propósito de CSS es verlo como una adición a HTML que ayuda a simplificar y mejorar el diseño de páginas…
  Cuatro tipos de hojas de estilo en cascada en el diseño web Cuatro tipos de hojas de estilo en cascada en el diseño web 
Hojas de Estilo en Cascada (CSS) se dividen en cuatro tipos diferentes (o estilos). Cuando usted entienda cómo funcionan estos cuatro tipos diferentes, podrás peinar sus páginas web de forma más eficiente.Para mantener su CSS organizada, usar…
  Configuración de css en html Configuración de css en html 
CSS es un lenguaje de hojas de estilo usado para definir el aspecto y el formato de un documento escrito en un lenguaje de marcas - a menudo HTML. LA estilo en este sentido es un conjunto de instrucciones de formato de texto, tales como fuente, el…
 
 »  »  »  » ¿Cómo las hojas de estilo en cascada mejorar html