CSS3 Basico
Las CSS han recibido una actualización importante que incluye características avanzadas tanto para aplicar aspecto avanzado en elementos de una página como para ayudarnos a realizar una maquetación más precisa.
En este manual vamos conociendo diversas características de las CSS aparecidas recientemente, con artículos cortos en los que podrás encontrar explicaciones y ejemplos de cada una por separado.
Para empezar les recuerdo que ire poniendo comentarios para que distingan las funciones en las hojas CSS3, para insertar un comentario en una hojas de CSS es de la siguiente forma.
/* Aqui el comentario */
Existen 3 formas para agregar estilos CSS a una pagina web:
La primnera es ingresando los efectos direcctamente a la pagina web dentro de la etiqueta <style>
Ejemplo 1
<style
type=
"text/css"
>
Aqui van los estilos de la pagina
<style>
Aqui van los estilos de la pagina
<style>
La otra es importandolos desde un archivo con la sentencia @import 'archivo.css'; sin embargo necesitamos utilizar las etiquetas <style>.
Ejemplo 2
<style
type=
"text/css"
>
/* Recordando que siempre debe ir la extencion del archivo .CSS */
@import 'carpeta/archivo.css';
<style>
/* Recordando que siempre debe ir la extencion del archivo .CSS */
@import 'carpeta/archivo.css';
<style>
La ultima forma de utilizar una hoja de estilos CSS es importandola con la etiqueta link de la siguiente forma
Ejemplo 3
<link
rel=
"stylesheet"
type=
"text/css"
href=
"carpeta/archivo.css"
media=
"screen"
/>
Las opciones que estaremos utilizando seran la 1 y la 2 con la tercera no me gusta trabajar es mucho mas escritura lo que se busca en una pagina web es que sea mucho mas rapida a la hora de carga, por lo general para ingrsar un archivo externo en linea se utiliza la 3ra opcion cambiando la ruta del archivo href por la liga del documento css que deseas solo si esta en ontro servidor externo a la pagina que estamos subiendo.