Curso de diseño Web con HTML. Cursosindustriales. Programación HTML Página 1

Transcripción

1 Curso de diseño Web con HTML. Cursosindustriales. Programación HTML Página 1

2 INTRODUCCIÓN A CSS. Las reglas de CSS son hojas de estilo que ofrecen una mejora visual a los documentos Web y que pueden ser agregadas al propio documento o cargadas desde otro directorio y usarse en ellas. Las hojas de estilo en cascada (Cascade Style Sheet) son una serie de instrucciones que nos permiten dar formato aprovechando las limitaciones que nos presenta el HTML y sus etiquetas de formato al momento de dar formato a una página. En este capítulo vamos a introducirnos en el formato Web de las reglas CSS y CSS3 para obtener una mejor presentación visual de nuestra Web. OBJETIVOS DEL TEMA. Aprender a crear nuestras propias hojas de estilo. Entender los selectores. Trabajar con las propiedades de CSS. Cursosindustriales. Programación HTML Página 2

3 QUÉ ES CSS? Las hojas de estilo CSS fueron estandarizadas en la década de 1980 y se conocieron como SGML (Standardized Generalited Markup Lenguage). La función principal era la de crear un estilo visual mejorado a las páginas Web que, por la época seguían teniendo un aspecto un tanto pobre en cuanto a su presentación. De ahí surgió la idea de que para la Web debería de tener varias versiones para el tipo de formato visual que se le iba a dar; no era lo mismo tener una Web que se representará en un ordenador que una Web que se imprimiera en papel, por ejemplo. En diciembre de 1996, W3C publicó la primera versión de CSS, mientras que trabajaba en una segunda versión que fue publicada finalmente en mayo de Continuamente estuvo sacando nuevas revisiones de las versiones publicadas para insertar nuevas mejoras en los estilos CSS. Fue en junio de 2011 cuando sacó su última versión de CSS3 y hoy en día sigue sacando nuevas revisiones de esta versión para adaptarla a los nuevos dispositivos. Aquí tenemos que diferenciar dos caminos en el desarrollo Web: Partir de lo aprendido y continuar con versiones anteriores de HTML5 o continuar con el desarrollo de HTML5 y posteriores revisiones. Yo voy a seguir esta última revisión ya que CSS3 engloba lo nuevo y lo viejo y los ejemplos que creemos se podrán reproducir en todos los navegadores (salvo que sea un código inferior a HTML5 y estemos utilizando esta tecnología, como por ejemplo utilizar un navegador antiguo y que no está actualizado). Todos los ejemplos que mostrará en la página, podrán ser reproducidos en los navegadores actuales (Chrome, IExplorer, Firefox, Opera, Mozilla, Safari, etc., etc.), ya que de no tenerlo actualizado pueden mostrarse diferencias a la hora de cargar el estilo visual en la página. La buena noticia es que las revisiones pasadas son compatibles con todos los navegadores y al estar estas revisiones incluidas en CSS3, muchos de los estilos funcionarán en navegadores antiguos y no actualizados. Así que sin más empecemos con las hojas de estilo y para qué sirven. Cursosindustriales. Programación HTML Página 3

4 ESTILOS EN CASCADA. Existen tres formas de aplicar el estilo a una página Web: En el interior de una página Web. A través de un archivo externo. Directamente en las etiquetas del documento Web. En el interior de una página. Las hojas de estilos que se incluyen dentro de la página Web se incluyen dentro de las etiquetas <STYLE></STYLE> y siempre dentro de la cabecera del documento, para que así tengan el ámbito de global y afecten a todo el documento. Todo lo que se incluya entre estas etiquetas afectará al contenido de la página. Siempre que haga referencia a elementos, etiquetas, normas y reglas de la misma y de su lenguaje. En la siguiente imagen puedes ver como se aplica el estilo en la cabecera de la página. Cursosindustriales. Programación HTML Página 4

5 A través de un archivo externo. Otra forma de cargar una Web es cargarlo desde un archivo externo. Los archivos de hojas de estilo tienen la extensión de.css y al igual que el anterior se cargan dentro de la cabecera del documento Web. Para cargarlo se recurre a la etiqueta <LINK/> usando los atributos necesarios de esta etiqueta como son: REL: Este atributo indica el tipo de archivo que cargará la página Web y que en este caso es stylesheet. TYPE: Se refiere al tipo de documento que va a cargar la Web. En este caso es una hoja de estilo, por lo que se asigna a text/css. HREF: Indica la ruta relativa al archivo. Funciona igual que cualquier hipervínculo. Cursosindustriales. Programación HTML Página 5

6 Directamente en las propias etiquetas. También es posible asignar estilos personalizados a etiquetas dentro del propio documento. Podríamos, por ejemplo, asignar un estilo personalizado a una etiqueta <p></p> para que se diferenciara de la otra. En la siguiente imagen puedes ver tres párrafos formados por la etiqueta <p></p> con el mismo contenido. Pero la etiqueta del medio tiene un estilo personalizado y que hará que cuando se ejecute, el texto se vea con un tipo de letra de Comic Sans MS de un tamaño específico y de color rojo. Por norma general se utilizará el primer punto, es decir se cargará el estilo desde la propia página Web. EDICIÓN DE ETIQUETAS EN CSS. Hemos dicho que CSS puede proporcionar a HTML una interfaz visual más emotiva por lo que debería de ser capaz de responder a ciertas etiquetas y poder modificar sus propiedades en cuanto al aspecto relativo que ocupan en el documento. Así pues CSS puede ofrecer a las etiquetas propiedades que HTML no puede ofrecer, por lo que CSS es un complemento imprescindible de HTML para producir páginas Web de alta funcionalidad. Cursosindustriales. Programación HTML Página 6

7 Cómo se utiliza la regla de etiquetas? Para ello y partiendo del estilo en el propio documento, simplemente hay que llamar a la etiqueta que queremos modificar su apariencia y asignarla entre las etiquetas de <STYLE></STYLE> como puedes ver en la imagen. Siempre se editarán las etiquetas de la misma forma: El nombre de la etiqueta, y una apertura de llaves que indica que comienza el estilo de esa etiqueta. A continuación las instrucciones que designan el estilo CSS de la etiqueta en el documento. Son muchas las instrucciones que utiliza CSS y aprenderlas te llevará algún tiempo, pero con ayuda de los manuales que estás estudiando, pronto podrás conocerlas todas. Después cerramos las llaves. A este conjunto se le llama Regla CSS y aplica a la etiqueta un estilo personal. Volviendo al tema en cuestión, cuando insertas una etiqueta de cabecera en la página Web, éste tendrá el aspecto visual que la has programado en los estilos. Cursosindustriales. Programación HTML Página 7

8 Puedes crear reglas de cualquier etiqueta HTML y HTML5 y asignarle un estilo visual diferente. Puedes hacer tantas reglas de las mismas etiquetas como quieras pero lo habitual es incluir todas las propiedades en una sola regla CSS. Las reglas creadas dentro de la etiqueta <STYLE></STYLE> se aplicarán a todo el documento, por lo que todas las etiquetas H1 (del ejemplo) tendrán el mismo estilo anterior. PRIORIDAD EN EL DOCUMENTO. Ya hemos establecido una regla que se aplicará a todo el documento. Pero imagina que en una parte del documento no se aplique ese estilo, porque nos interesa o por cualquier otra razón, qué deberíamos de hacer? Como todo lenguaje de programación, existen unas normas y reglas que se han de cumplir. En este sentido cuando hacemos reglas CSS generalmente el estilo dentro de la etiqueta STYLE predomina en todo el documento, pero si establecemos un estilo dentro de una etiqueta, ese estilo predominará sobre el resto de estilo y se aplicará solo en esa etiqueta. Cursosindustriales. Programación HTML Página 8

9 Como puedes ver el estilo en la etiqueta predomina sobre el estilo general. Eso es porque a esa etiqueta se le aplica el estilo general y después se le aplica un estilo personalizado. CLASES CSS. Ocurrirá muchas veces en el tu día a día de desarrollo que muchas veces querremos que el aspecto de la página sea diferente y claro al aplicar las reglas a las etiquetas, estas tendrán todas el mismo aspecto a no ser que creemos una regla en la propia etiqueta del documento para que sea diferente. La otra opción es incluir una clase CSS en la que podemos incluir estilos personalizados y después agregarlos a las etiquetas cuando nosotros queramos. Esto es similar a cuando vas a un bufet libre y vas seleccionando los alimentos que vas a ingerir. Una clase CSS es igual. Tú eliges el momento en que quieres aplicar el estilo a la / las etiquetas del documento. La forma de crear una clase es muy sencilla. Simplemente tienes que poner un punto delante del nombre y entre llaves asignas las propiedades que cogerán las etiquetas que usen esa clave. Cursosindustriales. Programación HTML Página 9

10 A la hora de escoger un tipo de fuente se suelen incluir varios por si el navegador no tiene en su PC ese tipo de fuente, que cargue la siguiente. Para cargar la clase, escoge el elemento al que le quieras aplicar el estilo y selecciona el atributo class y asígnale la nueva clase creada: Ahora solo esta etiqueta tendrá el estilo personalizado en la clase. Pseudo-clases de estilo. Es otro método para dar formato a la Web, partiendo del concepto de clase. Las pseudo-clases son un concepto especial en el que mediante el atributo se obtienen más efectos sobre los controles Web y las etiquetas. Se suelen llamar comportamientos. Las pseudo-clases más famosas son las que se aplican junto a la etiqueta de hipervínculos <a></a> y que seguro que te suenan si las has estudiado en este curso previamente. Esta etiqueta ANCHOR (ancla), tiene diferentes comportamientos como son el visitado, seleccionado, pulsando y por defecto. Así si pasas el ratón por el enlace, puede tener un color, si pulsas sobre él, otro diferente, al volver atrás, otro y por defecto otro color diferente. Aunque esto lo hacen los atributos de HTML, también lo podemos crear mediante pseudo-clases usando las propiedades adecuadas. Crear una pseudo-clase es tan sencillo como escribir la etiqueta en la regla y a continuación dos puntos y la propiedad de la pseudo-clase. En la siguiente imagen puedes ver que creamos una pseudo-clase utilizando el comportamiento de visitado, es decir que cuando volvamos a la página inicial después de visitar un hipervínculo, su color será diferente. Cursosindustriales. Programación HTML Página 10

11 COMPORTAMIENTOS DE ANCHOR. La siguiente lista te muestra los comportamientos que se pueden utilizar en esta etiqueta anteriormente citada y que también son comunes a otras etiquetas CSS y CSS3. ACTIVE: Elemento activo. FOCUS: Elemento seleccionado. VISITED: Enlace visitado. HOVER: Elemento activado al pasar el ratón sin pulsar. LINK: Enlace no visitado. DISABLED: Elemento desactivado. ENABLED: Elemento activado. CHECKED: Elemento seleccionado. SELECTION: El elemento resaltado. LANG: Selección de elementos en función del idioma. NTH-CHILD(N): El enésimo(n) hijo su padre. NTH-LAST-CHILD(N): Igual que el anterior pero del último al primero. FIRST-CHILD: El primer hijo de un elemento. LAST-CHILD: El último hijo de un elemento. ONLY-CHILD: El único hijo de un elemento. NOT: Proporciona una negación, es decir cuando se selecciona esta pseudo-clase se seleccionan todos los elementos menos el que tenga esta propiedad. Cursosindustriales. Programación HTML Página 11

12 Para usarlos como ves en la imagen anterior solo tienes que utilizar el comportamiento apropiado para producirlo y ajustar las propiedades que necesites. NUEVOS PSEUDO-ELEMENTOS CSS3. CSS3 ha introducido novedades en las pseudo-clases creando los pseudoelementos que permiten controlar aspectos particulares de un elemento. CSS3 ha credo cuatro pseudo-elementos que te muestro a continuación: FIRST-LETTER: Hace referencia a la primera letra en donde se programe. FIRST-LINE: Lo mismo que lo anterior pero para la línea entera. BEFORE: Refiriéndose al carácter anterior. AFTER: Refiriéndose al carácter posterior. La construcción de pseudo-elementos es muy similar a la de las pseudo-clases, pero en vez de utilizar dos puntos (:), se utiliza un par de dos puntos (::). Más adelante verás cómo hacer que solo se cargue un pseudo-elemento en una sola parte, ya que como ves se carga en todas las etiquetas <p>. Cursosindustriales. Programación HTML Página 12

13 SELECTOR PERSONALIZADO. Hasta ahora hemos visto dos tipos de elementos CSS como son las reglas y las clases (con sus pseudo-clases). Todas ellas se basaban en generar propiedades a las etiquetas HTML del documento para dar un formato o general o específico. Existe otro tipo de regla llamada Selector Id (identificado) y que realiza el mismo trabajo que una clase pero que es llamado en la etiqueta en cuestión mediante el atributo ID de la misma. Este selector es totalmente personalizable. La forma de crear un selector id es: #identificador {reglas;} Y cuando llamamos a este selector en la etiqueta: <p id= identificador >Esta etiqueta carga las reglas CSS específicas</p> Cursosindustriales. Programación HTML Página 13

14 MÁS SOBRE LAS REGLAS. Aparte de lo estudiado hasta ahora, existen unas ciertas reglas y normas en el uso de reglas, clases, identificadores que intentará mostrar de manera óptima. Uso de una regla universal. No es muy común usar esta regla ya que ofrece el mismo estilo a todos los elementos del documento Web. Para ello utiliza el símbolo asterisco (*) y entre llaves incluye las propiedades que necesites: En el ejemplo obviamente no se puede establecer un color de fondo en el texto porque ya tiene un color específico. Cursosindustriales. Programación HTML Página 14

15 Reglas descendientes. Observa cuando creamos una regla que las propiedades CSS elegidas se aplicarán a todas las etiquetas de la regla en el documento. A veces solo nos interesa que se muestre solo en unas cuantas etiquetas, por lo que usamos un selector identificado. Pero, cómo lo haríamos si quisiéramos hacer que solo se mostrará en el primer elemento y nunca más? Eso se consigue haciendo reglas descendientes. Una regla descendiente es cuando queremos que el estilo se aplique solo a la primera etiqueta que se encuentre en el documento Web. Así en nuestro ejemplo anterior si solo quisiéramos que se aplicara el pseudoelemento al primer párrafo deberíamos de utilizar una regla descendiente en ese pseudo-elemento. La forma de crear una regla descendiente es dejar un espacio en blanco entre la etiqueta a formatear y la etiqueta que tenga el foco. Observa que ahora solo se aplica al primer elemento. Si tuviésemos, por ejemplo una lista con elementos <ol> y quisiéramos que se estableciera una regla descendiente al primer elemento <li> haríamos: ol li {propiedades;} Se pueden usar tantos hijos descendientes como se necesite. Cursosindustriales. Programación HTML Página 15

16 div ol li a {text-decoration:none;} Reglas heredadas. Estas reglas se aplican directamente a los hijos de los elementos superiores. El siguiente ejemplo te muestra como quitar la línea de debajo de los hipervínculos en una lista de enlaces. Observa que a la regla heredada se les aplican a los hijos la propiedad especificada y no al resto de hipervínculos de la página. Al igual que las reglas descendientes, puedes incluir tantos sub nodos como quieras. div > ol > li > a {text-decoration: none;} Cursosindustriales. Programación HTML Página 16

17 Agrupación de reglas. Hasta ahora hemos creado reglas diferentes para el estilo CSS de la página. Y a veces es común que se repita alguna propiedad para varias reglas. CSS nos permite agrupar reglas que compartan mismas propiedades siempre que se separen con comas (,) de la forma que puedes ver en la imagen. El estilo se aplica directamente a la etiqueta que no tenga un estilo previo que predomina sobre ella. Regla inmediata. Esta regla es utilizada para cuando se quiere utilizar una propiedad en una etiqueta contenida en otra etiqueta, aunque en ella haya otras etiquetas por encima o por debajo. Es decir para entendernos pongamos un ejemplo. Supón que quieres que el primer encabezado <h1> que está dentro de una etiqueta <div> sea de un color rojo. Pero dentro de ese <div> existen más etiquetas <h1>, y dentro de ese documento también existen más <h1>. Cursosindustriales. Programación HTML Página 17

18 Observa la imagen. Pues bien, hasta que no se dé la condición que se cierra la primera etiqueta y a continuación empieza la segunda (por eso el signo +), no se produce el efecto. NOTA: Ten en cuenta que según avances en el desarrollo de propiedades, reglas y normas CSS algunas entran en conflicto con otras reglas por lo que las comento para no estropear el desarrollo del curso y que puedas ver el efecto. Regla todos los inmediatos. Esta regla es similar a la anterior, pero no se para en un único elemento sino que a partir de que se dé la condición, todos los elementos establecidos tendrán las mismas propiedades. Se utiliza el signo tilde (~) que se obtiene en el teclado pulsando la tecla ALT GR + 4 de vuestro teclado. Así que en el ejemplo anterior, si en vez de poner un signo plus, ponemos el signo tilde, todos los <h1>a partir de la condición estarán en amarillo, como puedes ver en la imagen. Cursosindustriales. Programación HTML Página 18

19 Observa que una vez que se aplica el estilo, a los demás <h1> de la página también se les aplica la propiedad creada y que se une a sus estilos personalizados. Uso de los atributos en las reglas. CSS también te permite modificar el estilo de los atributos de las etiquetas en la reglas. Para ello, cuando realizas una regla de una etiqueta, entre paréntesis [ ], debes de incluir el atributo de la etiqueta para que se aplique solo a ese atributo y en la condición correcta. Además podemos usar pseudo-clases para ofrecer mayor control sobre la regla. Por ejemplo, imagina una regla de hipervínculo y que utilizando el atributo de HREF usaremos una pseudo-clase HOVER y otra AFTER para cambiar el estilo del hipervínculo cuando pasemos el ratón sobre él y después. Agregando propiedades de visualización podemos mostrar el enlace con un formato chulo. Cursosindustriales. Programación HTML Página 19

20 USANDO EL VALOR DEL ATRIBUTO. También se puede usar el valor del atributo en CSS3. En ese caso, si el valor del atributo coincide con el expresado en la regla CSS, se activará el código. Observa como al pasar el ratón sobre el primer enlace, se remarca con un color. Si los otros dos enlaces tuviesen la misma dirección (insertada en la regla), al pasar el ratón sobre ellos, también se remarcaría. Cursosindustriales. Programación HTML Página 20

21 Cuando utilices el valor de los atributos, debes de escribir exactamente igual que el hipervínculo de la etiqueta <a>, ya que si no se producirá un error y no ejecutará el estilo. USANDO EL VALOR CONTENIDO. Si el valor del atributo contiene una serie de elementos que empiezan por una cadena especificada dentro de la regla CSS, podemos crear una regla para todas ellas. Por ejemplo, cuando especificamos enlaces hacia una misma página Web y como tienen varios enlaces, podemos aplicar el mismo estilo para cada enlace si pertenecen al mismo sitio. Eso sí, utilizamos el identificador * para hacer una selección global. USO DEL VALOR QUE COMIENZA CON Esta regla se utiliza para valores de los atributos que empiecen con una cadena específica. Por ejemplo y siguiendo nuestro ejemplo, si quisiéramos remarcar todos los elementos que tienen enlaces a otras páginas Web y que empiezan por http, podríamos hacer una regla para eso asignándolo de la siguiente manera: Regla [ atributo^= cadena ] sub clase Así para que nos marque en rojo al pasar el ratón por el enlace (si fuese un enlace hacia fuera de nuestra página), tendríamos que reproducir la siguiente regla: Cursosindustriales. Programación HTML Página 21

22 Ten en cuenta NOTA: No es obligatorio insertar una sub clase después de la regla. USANDO UN VALOR QUE TERMINA CON Es igual que el anterior pero hace referencia al elemento a la extensión (por ejemplo del archivo, la página, etc., etc. Así se podría hacer que si el destino del enlace fuese un ejecutable (.EXE) se mostrará un recalcado especial como puedes ver en pantalla. El uso del comodín puedes ver que es el símbolo dólar ($). Cursosindustriales. Programación HTML Página 22

23 USANDO EL VALOR CONTENIDO EN UNA LISTA DE SELECTORES. Otro uso más popular de los atributos en las reglas y selectores CSS3, es mediante el uso de contenido en listas. En el siguiente imagen verás cómo vamos a ver tres tipos de enlaces a otras páginas. Dos serán a la misma página (internos), uno a una página y el otro a un archivo de imagen; el otro enlace será externo. CSS ha establecido varias propiedades en el atributo LINK y que te muestro a continuación: secure externallink internallink imagefile zipfile Refiriéndose a la seguridad del documento, si el destino es un archivo externo, si es interno si el destino es un archivo de imagen o un archivo comprimido. MODIFICADORES. Cursosindustriales. Programación HTML Página 23

24 Suele ocurrir (sobre todo de cara a la empresa privada en su Intranet), que el administrador del sistema suele dar un estilo personalizado al navegador para que éste adquiera los estilos personalizados en cuanto a la apariencia, letra, fondos, colores, etc., etc., haciendo que el navegador interprete otra hoja de estilo propia. Para ello, abre el navegador Internet Explorer 11 (o versiones inferiores). Pulsa sobre el símbolo de herramientas ventana., o pulsa ALT + X y se te abrirá la siguiente Selecciona Opciones de Internet y se te abrirá otra ventana. Cursosindustriales. Programación HTML Página 24

25 En la opción de Accesibilidad al pulsar se te abrirá otra ventana. En ella puedes ver que puedes seleccionar un estilo personalizado como he hecho yo cargando el estilo que cree en el proyecto de Visual Studio. Ahora cada vez que cargue una página Web, tendrá el estilo que yo he designado. Cursosindustriales. Programación HTML Página 25

26 Y al cargar la página: Lo que implica que el navegador ha cargado mi estilo personalizado en una página de internet. NOTA: Puedes ver que no estoy conectado a red, pero si lo estuviese saldría el mismo estilo personalizado cargado y se produciría una mezcla de estilos con el CSS de la propia página y el mío. Pero predominando el mío. Cursosindustriales. Programación HTML Página 26

27 Puedes observar que tal vez esto sea un problema cuando quieras representar tus páginas Web con la mejor fidelidad posible, ya que si se puede representar otros estilos individuales en el navegador, tu página no se representaría como tú quisieras representarla. Por fortuna CSS3 ha pensado en ello y ha creado el modificador!important. Supón que el estilo de una empresa para los botones es el anterior. Cada vez que desde un navegador de esa empresa se cargue un botón aparecerá con fondo azul y la letra en verde. Pero imagina que quieres que aparezca el fondo en amarillo y la letra en formato MSComic Sans, ya que es el estilo que tienes en la página Web personal tuya. Para ello utilizas el modificador!important al final de la instrucción y antes del punto y coma, como puedes ver en la imagen. Con el modificador important, todas las reglas, clases y selectores tienen propiedad sobre las configuraciones CSS internas del navegador. Este punto es importante de entender ya que el navegador puede entrar en conflicto con otras normas CSS que tenga en el documento o agregadas desde sus propias herramientas de configuración. A continuación te indico el orden establecido por el navegador para asignar la importancia del estilo en su representación. Cursosindustriales. Programación HTML Página 27

28 Important El navegador debe determinar cuando el modificador!important ha sido usado. Esto es lo que más prioridad tiene. Si el navegador encuentra en el CSS del documento el modificador!important, deberá de especificar sobre su especificidad dentro del documento y el orden contextual. Specificity El navegador especifica que normas son más específicas. Si el navagador puede determinar qué normas y reglas son más específicas, no hace falta examinar el orden contextual de los estilos. Textual Order El navegador determina el orden contextual de las normas CSS cuando el último estilo entra en conflicto con las normas CSS actuales para poder cargar el mejor estilo e intentar adecuarlo. Existe un orden establecido que todos los navegadores tienen en su programación: 1. CSS cargadas en el cliente del navegador. 2. Declaraciones habituales en el usuario del CSS 3. Declaraciones del autor en el estilo CSS personalizado. 4. Declaraciones importantes en el estilo CSS personalizado. 5. Declaraciones generales en el estilo CSS personalizado. HERENCIA DE REGLAS. Un elemento puede coger un estilo desde un elemento padre cuando otros estilos no estén definidos. Si no existe estilo definido por defecto en el documento, el elemento cogerá el estilo por defecto de la etiqueta padre. Así por ejemplo, cuando declaramos en la etiqueta del cuerpo una propiedad de tamaño de la fuente en xx-large, todo el documento adquirirá esa propiedad a menos que declaramos otra regla que la desmienta. Cursosindustriales. Programación HTML Página 28

29 Por lo que ahora todo el documento tendrá esa propiedad de fuente. Pero si establecemos una regla que modifique esa propiedad, volveremos a tener otro tipo de fuente. Salvo que heredemos la regla mediante la propiedad inherit, el estilo puede tener otra regla en cuanto a la CSS cambiada, pero si volvemos a llamar desde inherit, cargará esa parte la fuente. En el siguiente capítulo terminaremos de estudiar CSS enfrentándonos a los colores en CSS, los elementos de posicionamiento, las propiedades de los mismos y crearemos la página que hicimos en el anterior curso exclusivamente con CSS3 para que aprendas a utilizarlo practicando. Espero que te haya gustado el capítulo y recuerda que si quieres puedes ayudar realizando una donación al autor de la Web a través de PayPal para el usuario cursosindustriales@gmail.com Gracias por tu visita. Cursosindustriales. Programación HTML Página 29