Mostrando entradas con la etiqueta trucos. Mostrar todas las entradas
Mostrando entradas con la etiqueta trucos. Mostrar todas las entradas

viernes, 3 de agosto de 2018

Nombrar elementos en CSS

En CSS si quieres afectar a algún elemento del HTML tienes varias opciones.

La mas obvia es referirse a los elementos por etiquetas, simplemente escribiendo la etiqueta como se haría en HTML sin el mayor y menor. Como esto:

 p {  
   background-color: red;  
 }  
Y el resultado seria algo a esto:

Pero si quisiéramos darle un color diferente a cada p le tendríamos que dar un nombre diferente a cada p, para ello en HTML habría que hacer algo así: 

 <p id='uno'>Y en este los dos</p>  
 <p id='dos'>estamos de colores distintos</p>  

Y para llamarlos en el CSS hay que poner un # delante del nombre y escribir los parámetros como haríamos normalmente, similar a esto:

 #uno {  
   background-color: red;  
 }  
 #dos {  
   background-color: blue;  
 }  

Y con esas dos cosas implementadas en tu código el resultado debería de ser este:
También se puede utilizar * para afectar a todos los elementos (esto también incluye el fondo).
Este seria un ejemplo:


 * {  
  margin:1;  
  padding:2;  
 }  

lunes, 25 de junio de 2018

Manejando onfocus en HTML

Hay un comando que se puede utilizar en HTML para que cuando se seleciona el campo se ejecute una funcion en JavaScript.

Codigo de ejemplo:
 <!DOCTYPE html>  
  <html>  
   <body>  
    Dime tu nombre: <input type="text" onfocus="funcion(this)">  
    <script>  
     function funcion(x) {  
       x.style.background = "yellow";  
     }  
    </script>  
   </body>  
 </html>  

En este ejemplo cambiamos el color de un cuadro de texto pero podía ejecutar cualquier codigo que se pueda meter en la funcion.

domingo, 17 de septiembre de 2017

Salto de línea dentro de una línea de código

En el IDLE de Python podemos hacer un salto de línea dentro de una misma línea de código poniendo la barra invertida: \.


En la imagen anterior se muestra el Shell (la consola) de Python para la versión 3.6.2.