HTML y CSS

Sistema de matrícula

¿Cómo centrar un título?

En CSS aparece una propiedad que se denomina text-align, la cual nos permitirá alinear el texto en la posición que necesitemos. En el caso que queramos tenerlo centrado el valor a asociar es «center».

Para nuestro ejemplo hemos utilizado un elemento h1, el cual representa a un título o tema:


¿ Cómo cambiar la tipografía del texto ?

En CSS aparece una propiedad que se denomina font - family, la cual nos permitirá establecer la tipografía del texto. En el caso que queramos cambiar el tamaño de nuestro texto se utilizará la propiedad font - size.

Para nuestro ejemplo hemos utilizado un elemento h1, el cual representa a un título o tema:

 

 

¿ Cómo cambiar el color del texto ?

En CSS aparece una propiedad que se denomina Color, la cual nos permitirá establecer el color del texto. En el caso que queramos poner el color verde utilizaremos la palabra Dark Olive Green  depende del color que usted desee.

Para nuestro ejemplo hemos utilizado un elemento p, el cual representa a un párrafo:

 


¿ Cómo agregar una caja de texto ?

Para insertar un cuadro texto en una línea,se debe escribir Código HTML vamos a utilizar la etiqueta <input ​type​> .Para dar un nombre,se utiliza el atributo ​name.Aquí,vamos suponer que se pide al estudiante su correo electrónico:

Para nuestro ejemplo hemos utilizado un elemento p2:



¿ Cómo agregar un botón de texto ?

En este caso utilizaremos las etiquetas <button></button> y dentro añadiremos el texto que queramos que aparezca en el botón. 

Para nuestro ejemplo hemos utilizado un botón con la palabra siguiente:


¿ Cómo agregar un  cuadro  al texto ?

En CSS aparece una propiedad que se denomina border, la cual nos permitirá establecer un cuadro sobre el texto o párrafo. En el caso que queramos cambiar el tamaño de nuestro cuadro utilizaremos la propiedad padding.

Para nuestro ejemplo hemos utilizado un elemento p, el cual representa a un párrafo:

 


Colores  CSS


Fuente: https://lenguajecss.com/css/colores-y-fondos/colores-css/Colores CSS.

 TIPOGRAFÍA CSS


Fuente:https://lenguajecss.com/css/fuentes-y-tipografias/tipografias/Tipografía CSS




Last modified: Friday, 14 May 2021, 12:44 PM