Scribd
Cargar
17 vistas1 página

Notas CSS para Desarrolladores

Este documento proporciona notas sobre diferentes propiedades CSS. Algunas propiedades discutidas incluyen font-weight para cambiar el grosor del texto, display: inline-block para controlar el ancho de un elemento de texto, y transition para animar la rotación de un objeto sobre un período de tiempo. También cubre propiedades como border para agregar bordes, overflow para ajustar imágenes al tamaño de su contenedor, y cursor para cambiar la apariencia del cursor al pasar sobre un elemento.

Cargado por

Thomas Felipe Aldana Betancourth
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd
17 vistas1 página

Notas CSS para Desarrolladores

Este documento proporciona notas sobre diferentes propiedades CSS. Algunas propiedades discutidas incluyen font-weight para cambiar el grosor del texto, display: inline-block para controlar el ancho de un elemento de texto, y transition para animar la rotación de un objeto sobre un período de tiempo. También cubre propiedades como border para agregar bordes, overflow para ajustar imágenes al tamaño de su contenedor, y cursor para cambiar la apariencia del cursor al pasar sobre un elemento.

Cargado por

Thomas Felipe Aldana Betancourth
Derechos de autor
© © All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como TXT, PDF, TXT o lee en línea desde Scribd

CSS NOTES

1) font-weight: 700; - Sirve para darle o disminuirle el grosor a un texto.

2) display: inline-block - sirve para que el recuadro de un texto no recubra todo


el ancho de la pagina si no solo la del tamaño del texto

3) border: 10px (outset o groove) gray - sirve para poner un borde con dos colores

4) transition: 0.1s ease 3s;


transform: rotate(360deg);- Codigo para que un objeto de vueltas en el tiempo
que quranos y en cuantos grados

5) overflow hidden: ajusta la img div o caja al tamaño de la pagina o el cuadro que
los rodee si se sale.

6) .clase::first-line: Modifica solo la primera linea de un texto.

7) .clase::first-letter: Modifica solo la primera letra de un texto

8) input::placeholder: Modifica el texto de fonto del placeholder del input solo


sirve para inputs.

9) .clase::selection: Modifica la seleccion del texto de cuando se pasa el cursor


por enciam de un texto que se subraya en azul.

10) .clase:active: al pantener presionado con el cursor la caja, texto, div etc va
a hacer lo que nosotros le digamos dentro de esete codigo.

10) transition: background 4s, height 4s, width 4s;: Hace un defecto dificil de
explicar se mueve en lo que digamos cada determinado tiempo

11) cursor: pointer; : Sirve para cuando el cursor pase por encima del objeto donde
ponagmos el codigo cursor cambiara el cursosr automaticamente al que le hayamos
puesto, por ejemplo a una div le `ponemos "cursor: progress;" el cursor cuando pase
enzima de la div cambiara al cursor con una ruedita al lado de "cargando" aunque no
se este ejecutando nada.

También podría gustarte