33023275
Description
Flashcards by rodolfo emiliano robles alvarado, updated more than 1 year ago
|
Created by rodolfo emiliano robles alvarado
over 3 years ago
|
|
| Question | Answer |
| HOJAS DE ESTILO CSS. "Programación WEB" Rodolfo Emiliano Robles Alvarado. V5 |
Image:
Ll (binary/octet-stream)
|
| Hoja de estilo interna " Una hoja de estilo interna es cuando no hay ningún archivo CSS externo, sino que colocas tu CSS dentro de un elemento <style> contenido dentro del elemento <head> del HTML. " | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mi experimento CSS</title> <style> h1 { color: blue; background-color: yellow; border: 1px solid black; } p { color: red; } </style> </head> <body> <h1>¡Hola, mundo!</h1> <p>Este es mi primer ejemplo de CSS</p> </body> </html> |
| Hoja de estilo externa " En Empezar con el CSS, vinculamos una hoja de estilo externa a nuestra página. Este es el método más común y útil para adjuntar CSS a un documento, porque puedes vincular el CSS a varias páginas y dar estilo a todas ellas con la misma hoja de estilo. En la mayoría de los casos, las diferentes páginas de un sitio web se verán más o menos iguales, de modo que puedes usar el mismo conjunto de reglas para el aspecto y la interacción básicos. Una hoja de estilo externa significa que el CSS está escrito en un archivo independiente con una extensión .css y que lo vinculas desde un elemento <link> de HTML. " | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mi experimento CSS</title> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>¡Hola, mundo!</h1> <p>Este es mi primer ejemplo de CSS</p> </body> </html> |
| Estilos en línea "Los estilos en línea son declaraciones CSS que afectan a un solo elemento, contenido dentro de un atributo de style." | <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Mi experimento CSS</title> </head> <body> <h1 style="color: blue;background-color: yellow;border: 1px solid black;">¡Hola mundo!</h1> <p style="color:red;">Este es mi primer ejemplo de CSS</p> </body> </html> |
| Selectores "No se puede hablar de CSS sin mencionar los selectores, de los cuales ya hemos descubierto varios tipos diferentes en la lección Empezar con el CSS. Un selector es, como determinamos, un elemento de nuestro documento HTML para aplicarle estilo. | h1 a:link .manythings #onething * .box p .box p:first-child h1, h2, .intro |
| Propiedades y valores "En su nivel más básico, el CSS consta de dos componentes básicos: Propiedades: Identificadores legibles por los humanos que indican qué características de estilo (por ejemplo, font-size, width, background-color) deseas cambiar. Valores, etc. | Image: Declaration (binary/octet-stream) |
| Las funciones "Si bien la mayoría de valores son palabras clave relativamente simples o valores numéricos, es posible que algunos valores tomen la forma de una función. Un ejemplo sería la función calc(). Esta función te permite hacer operaciones matemáticas sencillas desde tu CSS." | <div class="external"> <div class="box">La caja interior es del 90% - 30px.</div></div> Copy to Clipboard .outer { border: 5px solid black; } .box { padding: 10px; width: calc(90% - 30px); background-color: rebeccapurple; color: white; } |
0 comments
Want to create your own Flashcards for free with GoConqr? Learn more.