CSS

Conceptos de CSS

*CSS

-Uso: se usa para la implementación de diseños en una página o sitio web.

-Definición: Es un lenguaje de diseño para el diseño y la creación de páginas o sitios web de un documento estructurado escrito en un lenguaje de marcado.

-Significado de siglas: Cascading Style Sheets.

*<style>

Es una etiqueta utilizada en los archivos HTML para la implementación de CSS sin recurrir al una código externo al documento.

Ejemplo: 

<style>

h1{color: #887ee0;}

</style>

*Atributo en CSS

Los atributos en CSS son los que nos permiten seleccionar o poner poner un marcador en las etiquetas HTML para poder ser llamadas desde un archivo CSS externo. Los atributos en CSS son "id" y "class".

-Atributo ID en CSS

Es un atributo que nos permite marcar un elemento de HTML, este atributo solo puede ser otorgado a un solo elemento en un archivo HTML.

Ejemplo: 

<p id="encabezado">Ejemplo</p>

-Atributo Class CSS

Es un atributo que nos permite marcar un elemento de HTML, pero a diferencia del atributo ID este atributo puede ser aplicado a varios elementos en un archivos HTML.

Ejemplo: 

<p class="titulo">Ejemplo</p>

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

<link rel="stylesheet" type="text/css">

Aunque también puede ser utilizado: 

<link rel="stylesheet" href="style.css">

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

La etiqueta correcta para definir una hoja de estilo interna es <style>:

<style>

h1 {color: blue;}

</style>

*¿Cuál es el código de HTML correcto usar CSS en linea de código?

El atributo correcta para la asignacin de CSS en linea de codigo desde HTML es style.

*¿Como se inserta un comentario en Css?

Para poner comentarios en archivos CSS se utiliza la linea siguiente: 

/* HOLA */

*¿Cual es la propiedad de CSS, que permite cambiar el color de fondo?

La propiedad utilizadas en CSS para cambiar el color de fondo es: 

body {background-color: #000;}

*¿Cual es la propiedad de CSS que es usada para cambiar el color de un elemento?

.titulo {color: #000;}

*¿Que propiedad de CSS controla el tamaño del texto?

.titulo {font-size: 16px;}

*¿Cual es la sintaxsis correcta de CSS para asignar negritas a todas la etiquetas P de un archivo HTML?

p {font-weight: bold;}

*¿Cual sería la sintaxis en CSS, para mostrar los links o hipervínculos sin el subrayado?

a {text-decoration: none;}

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

p {text-transform: capitalize;}

*¿Cual propiedad es usada para cambiar tipo de letra en un texto, de cualquier tipo de HTML, con CSS?

p {font-family: sans-serif;}

*¿Como se puede hacer en CSS, para poner un texto en negritas?

p {font-weight: bold;}

*¿Cual es la propiedad de CSS para cambiar el margen izquierdo de cualquier elemento HTML?

.contendor {margin-left: 15px;}

*¿Cual seria la forma de colocar cuadrados en vez de círculos en una lista no ordenada mediante CSS?

ul {list-style: square;}

*¿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 p {text-shadow: 2px 4px 2px rgba(0, 0, 0, 0.42);}

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

div {padding: 1em;}

*¿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

div {border: 2px solid red;}

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

button {cursor: alias;}

* Uso de la propiedad Inline


Muestra un elemento como un elemento en línea como la etiqueta de HTML <span>. Las propiedades de alto y ancho no tendrán efecto