CSS y CSS3

¿QUE ES CSS?
 Son un conjunto de reglas de formato que determinan el aspecto del contenido de una página Web.  CSS se utiliza para controlar el estilo y el diseño de páginas Web.  CSS3 es el último estándar de CSS.

http://www.css3maker.com/

IMPLEMENTACION

 Atributos  Etiqueta  Vinculación de hojas de Estilo

ATRIBUTOS
 Cada etiqueta posee un atributo llamado style, el cual define directamente las propiedades del formato que poseerá el contenido.

Ejemplo: <img src=‘imagen.jpg’ style=‘border-colorBlue;’>

ETIQUETA

Directamente en el código HTML pueden ser definidos los formatos de los estilos que se desean aplicar. Las etiquetas que se colocan son: <style></style>
Ejemplo: <style> identificador { atributo1:valor; atributo2:valor; } </style>

VINCULACION DE HOJA DE ESTILOS

Es cuando se define un archivo propiamente de estilos los cuales se colocan en la o las páginas donde se desean mostrar los formatos. Cuando se vinculan los archivos de hojas de estilos se muestra una etiqueta adicional que es la siguiente: <link href=“miestilo.css” rel=“stylesheet” />

La novedad más importante que aporta CSS 3, de cara a los desarrolladores de webs, consiste en la incorporación de nuevos mecanismos para mantener un mayor control sobre el estilo con el que se muestran los elementos de las páginas.

SINTAXIS BASICA
Selector { propiedades o atributo: valor de propiedad; }

SELECTORES

El selector es un término (por ejemplo p, h1, un nombre de clase o un identificador) que identifica el elemento con formato.

¿CUALES SON?

 Etiqueta
img

 Clase
.resaltado

 ID
#imagen

MODULOS DE CSS3
Algunos de los más importantes CSS3 módulos son:  Selectores http://www.w3schools.com/cssref/css_selectors.asp  Modelo de Caja http://www.sidar.org/recur/desdi/traduc/es/css/box.html  Fondos y Bordes  Efectos de texto  Transformaciones 2D/3D http://www.w3schools.com/css3/css3_2dtransforms.asp http://www.w3schools.com/css3/css3_3dtransforms.asp  Animaciones http://www.w3schools.com/css3/css3_animations.asp  Diseño de columna múltiple  Interfaz de usuario http://www.w3schools.com/css3/css3_user_interface.asp

Sign up to vote on this title
UsefulNot useful