Ir al contenido principal

Curso Html CSS Clase 2

Como utilizar CSS 

En las siguientes actividades se espera que usted como estudiante aplique los siguientes elementos:

1. Los contenidos realizados por el docente, se crearon de manera que usted aplique los elementos   más importantes del lenguje con la intención de que se aprenda y que sean capaces de aplicarlos en la materia de emprendimiento en el transcurso del año. (Valor a resaltar la autonomia).
2. Responde a Cuáles son las habilidades más importantes que ustedes deberían desarrollar y aplicar a lo largo de y después de terminado el curso (Conocimiento).
3. Es importante que tu como estudiante seas capaz de recordar una determinada información o aplicar lo visto en los videos y clases para afianzar el aprendizaje (Desarrollo de la Memoria).
4. Es importante que trabajen en equipo pero eso no significa que se copien todo lo que hace el compañero o de la red; deje en su actividad  una caracteristica o rasgo propio que lo vaya identificando como programador o estudiante sobresaliente. (Trabajo en equipo y Colaboración)
5. siempre demuestre con sus hechos en el aula las habilidades que va adquiriendo. Demuestre que recuerda, que comprende, que presta atención, que analiza, que evalua las posibles acciones o consecuencias de una decisión,
6. Demuestre que sabe seguir instrucciones, cumplir reglas, que argumenta bien al explicar, que usted define métodos

QUÉ ES CSS

Como HTML, CSS (Cascading Style Sheets) u Hojas de estilo en cascada en español, no es realmente un lenguaje de programación, tampoco es un lenguaje de marcado. Es un lenguaje de hojas de estilo, es decir, te permite aplicar estilos de manera selectiva a elementos en documentos HTML. Por ejemplo, para seleccionar todos los elementos de párrafo en una página HTML y volver el texto dentro de ellos de color rojo, has de escribir este CSS:


Vocabulario CSS

Selectores
Vinculo externo: <link rel="stylesheet" href="mystyle.css">
comentarios
Colores
Fondos
Bordes
Margenes
Padding
height
width
Bordes
Outline
Fonts
Links






<!DOCTYPE html>

<html>

<head>

<style>

/* This is a single-line comment */

body {

  background-color: lightblue;

}

h1 {

  color: white; /* Set text color to red */

  text-align: center;

}

p {

  font-family: verdana;

  font-size: 20px;

}

#para1 {
  text-align: center;
  color: red;
}

</style>

</head>

<body>

<h1>My First CSS Example</h1>

<p id="para1">This is a paragraph.</p>

</body>

</html>


 

 REALIZA TU TRABAJO TU CUENTA DE OFFICE Y ENVIA EL LINK

Comentarios