Flashcards
Actividad 6 programación web
Cards in this deck (12)
- 1PROFESOR(A): ANA KARINA SÁNCHEZ MATERIA: PROGRAMACIÓN NOMBRE:CUENCA ESTUDILLO JOSHUA CRISTHOPER GRUPO: V-5Hojas de Estilo en Cascada (CSS) es un lenguaje de estilo de hojas usado para describir la presentación de las páginas web. CSS permite la separación del contenido del documento de la presentación del documento (disposición, colores, fuentes, etcétera).
- 2¿Qué es CSS? CSS significa Cascading Style Sheets (Hoja de Estilos en Cascada). El lenguaje CSS describe cómo se mostrarán los elementos HTML en la pantalla.El lenguaje CSS ahorra mucho trabajo, ya que permite controlar el diseño de varias páginas web a la vez.
Todas las hojas de estilo externas se almacenan en archivos CSS. - 3¿Por qué usar CSS? El lenguaje CSS se utiliza para definir los estilos de tus páginas web, incluyendo el diseño, la disposición y las variaciones en la imagen para los diferentes dispositivos y tamaños de pantalla.Tres formas de insertar CSS
Hay tres maneras de insertar una hoja de estilo:
Hoja de estilos externa
Hoja de estilos interna
Estilo en línea - 4Hoja de estilos externa. Con una hoja de estilos externa, puedes cambiar el aspecto de un sitio web completo cambiando un sólo archivo.
- 5Hoja de estilos interna Una hoja de estilo interna se puede usar en una sólo página con un estilo único. Los estilos internos se definen dentro del elemento dentro de la propia página HTML:body {
background-color: #FFFFFF;
}
h1 {
color: #000000;
text-align: center;
} - 6Estilos en línea Un estilo en línea se puede utilizar aplicándolo al estilo de un solo elemento. Para ello tienes que añadir el atributo de estilo al elemento en cuestión, pudiendo contener cualquier propiedad CSS, como por ejemplo la siguiente:Esto es un estilo en linea
- 7Orden en cascada Supongo que si estás utilizando los tres tipos de CSS te preguntarás cuál prevalece, ¿no? Pues como bien indica su nombre siguen un orden en cascada con esta prioridad:Estilo en línea (dentro de un elemento HTML )
Hojas de estilo externas e internas (en la sección de cabecera )
Las que viene por defecto en el navegador - 8Clases. La clase es el nombre que se le asigna a una etiqueta HTML por medio del atributo CLASS para luego poder hacer referencia a ella.Por ejemplo, si hemos definido uno o más párrafos por medio de la etiqueta , podemos asignarle color azul y alineación a la derecha con la siguiente regla:
P.azul {align: right; color: #0000ff;} - 9Identificadores Los identificadores, que se asignan a una etiqueta HTML con el atributo ID, funcionan igual que las clases, pero con la diferencia de que se pueden emplear solo una vez en un documento HTML.Es decir, que si tienes un párrafo al que has identificado como , ese es el único elemento, sea párrafo o no, que puede tener ese ID. Para asignar una regla a ese párrafo usaremos el signo "almohadilla" ( # )de la siguiente forma:
#fulano {align: center;} - 10Pesudoclases Las pesudoclases son un tipo especial de clase que no definimos nosotros, si no que ya están definidas por el estándar CSS.Actualmente solo existen tres pesudoclases, y solo afectan al elemento :
A:link
A:active
A:visited - 11Pseudelementos Los pseudelementos son un tipo especial de clase que describen elementos particulares de la tipografía. Solo existen dos en CSS1, y los navegadores actuales los ignoran casi totalmente.Se pueden aplicar a cualquier selector de texto, se escriben igual que las pesudoclases, usando dos puntos para separarlos del selector, y son:
SELECTOR:first-line
SELECTOR:first-letter - 12Bibliografias: Hoja estilo CCS. (s. f.). Estructura de CSS - CSS en español - Lenguaje CSS. Recuperado 2 de septiembre de 2021, de https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjt_6nXrOHyAhUHbc0KHaXQCGQQFnoECAIQAQ&url=https%3A%2F%2Flenguajecss.com%2Fcss%2Fintroduccion%2Festructura-de-css%2F&usg=AOvVaw3IrFjUXAKgdLws4cIzpsTCCómo se estructura el CSS - Aprende sobre desarrollo web. (s. f.). Cómo se estructura el CSS - Aprende sobre desarrollo web. Recuperado 2 de septiembre de 2021, de https://www.google.com/url?sa=t&rct=j&q=&esrc=s&source=web&cd=&cad=rja&uact=8&ved=2ahUKEwjt_6nXrOHyAhUHbc0KHaXQCGQQFnoECBoQAw&url=https%3A%2F%2Fdeveloper.mozilla.org%2Fes%2Fdocs%2FLearn%2FCSS%2FFirst_steps%2FHow_CSS_is_structured%23%3A~%3Atext%3DEn%2520su%2520nivel%2520m%25C3%25A1s%2520b%25C3%25A1sico%2Cbackground%252Dcolor%2520)%2520deseas%2520cambiar.&usg=AOvVaw377Z--nHkgrxDUba0cyhA6
Information
- Description
- Flashcards on Actividad 6 programación web, created by cRO aSD on 02/09/2021.
- Created by
- cRO aSD
- Views
- 4
- Rating