Introduccion a Css

Describir los siguientes conceptos referentes a CSS:
1- ¿CSS?
El CSS es un lenguaje que define la apariencia de un documento escrito en un lenguaje de marcado, por ejemplo en HTML.





¿Para que se usa?

CSS se usa para organizar la presentación y aspecto de una página web.

-Definición
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 cómo se va a mostrar un documento en pantalla.

-significado de siglas

Css: hojas de estilo en cascada “Cascading Style Sheets

2- Style 
Estilo. Es el elemento encargado de indicar la información de estilo.


3- Atributo en CSS

Atributos CSS, estos atributos se rodean de corchetes [] y hay varias formas de utilizarlos, inspirados en un concepto llamado expresiones regulares:

 [href^="https://"]        Si el elemento tiene atributo href y su valor comienza por https://.


4- Atributo ID en CSS

El atributo ID se usa para definir un estilo único para un elemento. Una regla CSS como

#wdg97 { font-size: larger }

 5- Atributo Class CSS

El atributo CLASS se usa para especificar la clase de estilo a la cual pertenece el elemento. Por ejemplo, la hoja de estilo puede haber creado las clases punk y advertencia:

.punk     { color: lime; background: #ff80c0 }

P.advertencia { font-weight: bolder; color: red; background: white }


 6- ¿Cuál es el código de HTML correcto para referirse a una hoja de estilo externa?

Una hoja de estilo externa puede ser enlazada a un documento HTML mediante el elemento LINK de HTML:

<LINK REL=StyleSheet HREF="estilo.css" TYPE="text/css" MEDIA=screen>

<LINK REL=StyleSheet HREF="color-8b.css" TYPE="text/css" TITLE="estilo de color 8-bit" MEDIA="screen, print">

<LINK REL="Alternate StyleSheet" HREF="color-24b.css" TYPE="text/css" TITLE="estilo de color 24-bit" MEDIA="screen, print">

<LINK REL=StyleSheet HREF="aural.css" TYPE="text/css" MEDIA=screen>

7- ¿Qué etiqueta HTML se utiliza para definir una hoja de estilo interna?

Para usar estilo en línea, se debe declarar un único lenguaje de hojas de estilo para el documento completo usando la extensión de cabecera HTTP Content-Style-Type.

8- ¿Cuál es el código de HTML correcto para usar CSS en línea de código?

La sintaxis de comentarios /* */ es usada para comentarios de una o múltiples líneas. No hay otra forma de especificar comentarios en hojas de estilos externas. Sin embargo, cuando se usa el elemento <style>, se puede usar <!-- --> para ocultar CSS para navegadores antiguos, aunque no es recomendable.

9- ¿Cómo se inserta un comentario en Css?

Para insertar comentarios en CSS vendrá marcado por dos caracteres de apertura /* y otros dos caracteres de cierre */.

 #commentform textarea {

       height: 100px; /* Smaller field for mobile. */

       border-top: 1px solid #d8d8d8;

}

10- ¿Cuál es la propiedad de CSS, que permite cambiar el color de fondo?

Background-color es un propiedad de CSS que define el color de fondo de un elemento.

exampleone{

background-color: teal; }

11- ¿Cuál es la propiedad de css que es usada para cambiar el color de un elemento?

La propiedad de CSS color selecciona el valor de color de primer plano del contenido de elemento de texto y decoraciones de texto

Tambien establece el valor currentcolor  que se puede usar como un valor indirecto en otras propiedades, y es el valor predeterminado para otras propiedades de color, como border-color.


12-.¿Qué propiedad de CSS controla el tamaño del texto?

font-size permite establecer el tamaño de letra del texto.



13-¿Cuál es la sintaxis correcta de CSS para asignar negritas a todas la etiquetas P de un archivo HTML?

Si lo que deseas es que este estilo se aplique a todos los enlaces del código, basta con añadir

 <STYLE>A {text-decoration: none;} </STYLE> 
Ejemplo:
<STYLE>A {text-decoration: none;} </STYLE>
<body>
  <h3>Hipervínculo 1</h3>
   <a href="https://es.ccm.net">Enlace</a> 
  <h3>Hipervínculo 2</h3>
   <a href="https://es.ccm.net">Enlace</a>
</body>
</html>

14-¿Cuál sería la sintaxis en CSS, para mostrar los links o hipervínculos sin el subrayado?

A la hora de dar estilo a los enlaces, es importante comprender cómo utilizar las pseudoclases para diseñar los estados de un enlace de manera efectiva.


<p><a href="#">Un enlace simple</a></p>


15-¿Cuál sería la forma de hacer que cada palabra en un texto inicie con una mayúscula mediante un código de CSS?

La propiedad CSS (text-transform) especifica el cambio entre mayúsculas del texto de un elemento.

16-¿Cuál propiedad es usada para cambiar tipo de letra en un texto, de cualquier tipo de HTML, con CSS?

Estas son las propiedades para cambiar de texto

  • serif: tipo de letra similar a Times New Roman.
  • sans-serif: tipo Arial.
  • cursive: tipo Comic Sans.
  • fantasy: tipo Impact.
  • monospace: tipo Courier New.

17- ¿Cómo se puede hacer elemento HTML?

Para crear el elemento html, debes escribir una etiqueta de apertura <html> seguida de una etiqueta de cierre </html>. Todo lo demás en tu página web va entre estas 2 etiquetas.
Ejemplo.
<html>
  Todos los demás elementos del sitio van aquí.
</html>

18-¿Cuál seria la forma de colocar cuadrados en vez de círculos en una lista no ordenada mediante CSS?

Se hace con list-style-type.



19- ¿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?

La propiedad margin permite establecer el tamaño del margen exterior. Como en el caso de las propiedades border-color, border-width y border-style.

20-¿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?

La propiedad que controla la separación entre letras se llama letter-spacing y la separación entre palabras se controla mediante word-spacing .
 


21-¿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?

La propiedad cursor. En CSS podemos modificar el aspecto del cursor mediante la propiedad cursor . El cursor tomará la forma indicada en la propiedad al pasar por encima del elemento. los valores de la propiedad indican las distintas formas que puede tomar el cursor.

22- Uso de la propiedad Inline.

Estas son una de las propiedades css mas infrautilizadas. 

Comentarios

Entradas más populares de este blog

Evolucion y Versiones de HTML

Atributos de HTML