CSS3
CSS3
Comentarios
Añadir CSS a tu HTML
Por supuesto, CSS no sirve de
mucho si no está vinculado a un
archivo HTML.
Existen tres maneras de hacerlo:
❑ externo (external)
❑ interno (internal)
❑ en línea (inline).
CSS externo
El CSS externo existe en su propio archivo. Este
archivo está enlazado a un documento HTML con una
etiqueta <link>. Este es el método más usado para
añadir CSS a HTML, ya que una hoja de estilo externa
puede dictar el estilo de diferentes documentos HTML.
Esto permite que los desarrolladores hagan cambios a
lo ancho del sitio con un solo archivo CSS.
CSS interno
El CSS interno es un código CSS incrustado en un
documento HTLM. Está escrito dentro del elemento
<style>, que se acomoda en la sección de <head>:
CSS inline
CSS en línea se ubica dentro de una etiqueta HTML
para cambiar el estilo de un elemento en específico.
La sintaxis inline es un poco diferente de lo que
hemos visto: la declaración está escrita como el
valor del atributo de estilo.
background
● color(hexadecimal)
● url (dirección de la
imagen)
colorzilla
Es una extensión para visual
Gradientes
Pseudoclases
Ventajas:
● Es gratis
● Hay mucho de donde elegir
● Tu pagina es mas rapida
● Es fácil de implementar
Unidades de medida
Así como en la vida real
tenemos los cm, metros, etc.
En el diseño web ocupamos
otras medidas
Unidades de Color
Tenemos Diferentes formas de representar los colores en
código.
- RGB Decimal: rgb(215, 38, 61) |rgba (215, 38, 61, .5)
(transparencia)
Manejo de clases.
Tipos de Elementos
-Normal (static):
Posicionamiento por defecto
con el que los navegadores
acomodan los elementos
Relative
Manejo de clases.
Posicionamiento.
Visualización
● dotted
● dashed
● double
● groove
● ridge
● inset
● outset
● ::first-letter
● ::first-line
● ::selection
● ::before
● ::after
Listas
Tablas
Aplicar bordes
Fondos
resaltarlos
Centrarlos
Formularios práctica y propiedad
transition-property
animation-...
Otra fuentes
● Práctica diseño de página tipo
blog 1
● Práctica diseño de página tipo
blog 2
● Practica mi pagina