2*CSS
CSS, en español «Hojas de estilo en cascada», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado. -uso
CSS es un lenguaje utilizado en la presentación de documentos HTML. Un documento HTML viene siendo coloquialmente “una página web”. Entonces podemos decir que el lenguaje CSS sirve para organizar la presentación y aspecto de una página web.
-definicion
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe como se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille.
-significado de siglas
Cascading Style Sheets
y en español seria = Hojas de estilo en cascada
3*<style>
4*atributo en CSS
[href] -El atributo href existe en la etiqueta.
[href="#"] -El atributo href existe y su valor es igual al texto #.
[href\*="emezeta"]- El atributo href existe y su valor contiene el texto emezeta.
[href^="https://"] -El atributo href existe y su valor comienza por https://.
[href$=".pdf"] -El atributo href existe y su valor termina por .pdf (es un enlace a un PDF).
[class~="emezeta"] -El atributo class contiene una lista de valores, que contiene emezeta.
[lang|="es"] -El atributo lang contiene una lista de valores, donde alguno empieza por es-.
El selector de ID utiliza el atributo id de un elemento HTML para seleccionar un elemento específico.
La identificación de un elemento es único dentro de una página, por lo que el selector de ID se utiliza para seleccionar un elemento único!
Para seleccionar un elemento con un ID específico, escribe un carácter almohadilla (#), seguido por el id del elemento.
6*atributo Class CSS
7*¿Cuál es el codigo de HTML correcto para referirse a una hoja de estilo externa?
Con una hoja de estilo externa, puede cambiar el aspecto de un sitio web completo cambiando un archivo!
Cada página HTML debe incluir una referencia al archivo de hoja de estilos externa dentro del elemento <link>, dentro de la sección de la cabeza.
8*¿Qué etiqueta HTML se utiliza para definir una hoja de estilo interna?
Una hoja de estilo interna puede ser usado si una página HTML solo tiene un estilo único.
El estilo interno se define dentro del elemento <style>, dentro de la sección de la cabeza.
9*¿Cuál es el codigo de HTML correcto usar CSS en linea de codigo?
Un estilo en línea se puede utilizar para aplicar un estilo único para un solo elemento.
Para utilizar los estilos en línea, añadir el atributo de estilo al elemento relevante. El atributo de estilo puede contener cualquier propiedad CSS.
ejemplo:
<h1 style="color:blue;text-align:center;">
10*¿Como se inserta un comentario en Css?
Los comentarios se utilizan para explicar el código, y puede ayudar al editar el código fuente en una fecha posterior.
Los comentarios son ignorados por los navegadores.
La background-colorpropiedad especifica el color de fondo de un elemento.
12*¿Cual es la propiedad de css que es usada para cambiar el color de un elemento?
<h1 style="color:black";>
13*¿Que propiedad de CSS controla el tamaño del texto?
<h1><h2><h3>
14*¿Cual es la sintaxis correcta de CSS para asignar negritas a todas la etiquetas P de un archivo HTML?
<b></b>
15*¿Cual sería la sintaxis en CSS, para mostrar los links o hipervínculos sin el subrayado?
<a style="text-decoration:none" href="https://www.w3school.com/html/" > links </a>
\ p.sanssserif {
uppercase
17*¿Cual propiedad es usada para cambiar tipo de letra en un texto, de cualquier tipo de HTML, con CSS?
18*¿Como se puede hacer en Css, para poner un texto en negritas?
<strong></strong>
<strong>es igual que la <b> que `puede poner las letras en negritas
19*¿Cual es la propiedad de CSS para cambiar el margen izquierdo de cualquier elemento HTML?
margin-left: 255px;
esta sirve para poner un texto o un párrafo en la parte izquierda de la pagina, a esta le puedes poner un color de fondo al texto y a las palabras ejemplo:
<!DOCTYPE html>
<html>
<head>
<style>
div {
border: 1px solid black;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 255px;
background-color: red;
}
</style>
</head>
<body>
<h2>Using individual margin properties</h2>
<div>This div element has a top margin of 100px, a right margin of 150px, a bottom margin of 100px, and a left margin of 80px.</div>
</body>
</html>
19*¿Cual seria la forma de colocar cuadrados en vez de círculos en una lista no ordenada mediante CSS?
ul.a {}
list-style-type: square;
Este código permite poner una viñeta de forma cuadrada en una lista no ordenada
20*¿Cuál sería el código para seleccionar(solo afectar) solo a las etiquetas “p” dentro de una etiqueta “div” dentro de un archivo de html?
<div style="color: blue;">
esta etiqueta afecta cualquier etiqueta que este dentro de ella.
ejemplo:
<!DOCTYPE html>
<html>
<head>
<div style="color: blue;">
<p>
Esto es un párrafo dentro de un div,
<span style="color: red;"> y esto un span dentro de un párrafo.</span>
</p>
</div>
</body>
</html>
21*¿Cuál es una de las propiedades que se utilizan para generar espacio alrededor de contenido de un elemento, en el interior de cualquier fronteras definidas en CSS?
<pre></pre>
esta es utilizada para agregarle un espacio a los párrafos, texto,oraciones entre otros, esta puede estar dentro de cualquier etiqueta por ejemplo:
<pre><div>
This div element has a top margin of 100px, a right margin of 150px, a bottom margin of 100px, and a left margin of 80px.</div>
</pre>
22-¿Cuál es una de las propiedades que se utilizan para generar una línea que se dibuja alrededor de los elementos, fuera de las fronteras, para hacer que el elemento "destaque". Mediante CSS?
border-style:
esta etiqueta puede destacar palabras u textos importantes desde css por ejemplo:
border-style: double;
border-width: 15px;
}
p.six {
border-style: double;color:blue;
border-width: thick;
}
p.seven {
border-style: solid;
border-width: 2px 10px 4px 20px;
}
</style>
</head>
<body>
<h2>The border-width Property</h2>
<p>This property specifies the width of the four borders:</p>
<p class="one">Some text.</p>
<p class="two">Some text.</p>
<p class="three">Some text.</p>
<p class="four">Some text.</p>
<p class="five">Some text.</p>
<p class="six">Some text.</p>
<p class="seven">Some text.</p>
<p><b>Note:</b> The "border-width" property does not work if it is used alone.
Always specify the "border-style" property to set the borders first.</p>
</body>
</html>
23*¿Cuál es una de las propiedades que se utilizan para manipular el estilo de cuando el cursor del mouse pasa por encima. Mediante CSS?
esta propiedad permite cambiarle el aspecto al cursor de las pc por ejemplo:
<html>
<title>Cambiar el cursor</title>
<head>
</head>
<body>
<h4 style="cursor: default">default</h4>
<h4 style="cursor: crosshair">crosshair</h4>
<h4 style="cursor: pointer">pointer</h4>
<h4 style="cursor: move">move</h4>
<h4 style="cursor: nw-resize">nw-resize</h4>
<h4 style="cursor: ne-resize">ne-resize</h4>
<h4 style="cursor: n-resize">n-resize</h4>
<h4 style="cursor: e-resize">e-resize</h4>
<h4 style="cursor: help">help</h4>
<h4 style="cursor: text">text</h4>
<h4 style="cursor: wait">wait</h4>
</body>
</html>
24* Uso de la propiedad Inline.
style="color:blue;text-align:center;
este código permite darle un color a las letras, alinear en el centro o en otro lugar las palabras, ademas de que puede centrar palabras puede centrar textos por ejemplo:
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue;text-align:center;">hello word</h1>
<p style="color:red;">This is a paragraph.</p>
</body>
</html>
No hay comentarios:
Publicar un comentario