CSS: qué es y formas de definir estilos

CSS

un lenguaje utilizado en la presentación de documentos HTML. Un documento HTML viene siendo coloquialmente “una página web”. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y aspecto de una página web.

ES

AMBITO DE DEFINICION PARA CSS

La forma de definición de estilos css que hemos explicado en este artículo es la que más separa la presentación de la información en una página web.

Definición en línea

Definición hoja de estilos interna

En este método se define las propiedades de la etiqueta HTML con el atributo style dentro del mismo archivo HTML y se le asigna una determinada cadena que definiría el comportamiento. Ejemplo: <p style="color:red;">

En este método se definen las propiedades de estilo de la misma manera que hacíamos en el archivo css independiente, pero en este caso se hace en la misma página entre las etiquetas <head> y </head>, como vemos en el siguiente ejemplo.

<!DOCTYPE html>

<html>

<head>

<title>Ejemplo aplicación CSS - aprenderaprogramar.com</title>

<style type="text/css">

p{color:red;}

</style>

</head>

<body>

<p>Texto ejemplo </p>

</body>

</html>

ejemplo

ESTANDARIZACIÓN

Tras la aparición del lenguaje CSS surgió la necesidad de estandarizar su uso para todos los navegadores y los desarrolladores de software, ya que existían muchas formas de escribir código CSS.

CARACTERISTICAS

Complementariedad con documentos estructurados.

Independencia del vendedor, la plataforma y el dispositivo.

Mantenibilidad.

Simplicidad.

Rendimiento de la red.

Flexibilidad.

Riqueza.

Combinación con lenguajes alternativos.

Accesibilidad.

REGLA CSS

Los archivos CSS están formados por «reglas», formadas a su vez por «selectores» y «declaraciones»

SELECTOR

DECLARACION

se establecen los elementos que se verán afectados por la regla.