elidiazgt
5/15/2015 - 12:37 AM

template - tuto starter

Tuto

div{
  color:red;
  font-size:30px;
}
ul{
  color:blue;
}
p{
  color:green;
}
div, p{
  color:yellow;
}

.grupo{
  color:brown;
}

#capaunica{
  color:blue;
  font-size:10px;
}
//variables (cajas):
valor1 = 'hola mundo'
valor2 = 41

//Condiciones:
// === verifica el tipo de dato
if(valor1 === valor2){
   resultado = 'verdadero'
}else{
  resultado = 'falso'
}
//typeof devuelve tipo de dato

//Arreglos - organizadores:
organizador =[]
organizador[0] =valor1
organizador[1]= valor2
  
organizador2 =[]
organizador2[0] = organizador
organizador2[1] ='ss'
organizador2[2] =organizador[1]

resultado =0
//Ciclos - veces mientras se cumpla condicion:
for(contador = 0; contador < 1; contador++){
  resultado+= contador
}
//funciones - cajas magicas:
function cajaMagica(uno,dos,tres){

  division =uno/3
  return division
}
resultado = cajaMagica(5)
   
  
  
  
  
  
 console.log(resultado)
<!DOCTYPE html>

<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
  <style></style>
  <script></script>
<style id="jsbin-css">
div{
  color:red;
  font-size:30px;
}
ul{
  color:blue;
}
p{
  color:green;
}
div, p{
  color:yellow;
}

.grupo{
  color:brown;
}

#capaunica{
  color:blue;
  font-size:10px;
}
</style>
</head>
<body>
CSS TUTO
  <div class='grupo'>capa
  <ul class='grupo' id='unica'>lista</ul>
  <p class='grupo'>parrafo</p>
  <a href='/contacto'>enlace</a>
  <img></img>
  <div>capa2</div>
  <div id='capaunica'>capa3</div>
  
  <p>parrafo 2</p>
  </div>
  


<script id="jsbin-source-css" type="text/css">div{
  color:red;
  font-size:30px;
}
ul{
  color:blue;
}
p{
  color:green;
}
div, p{
  color:yellow;
}

.grupo{
  color:brown;
}

#capaunica{
  color:blue;
  font-size:10px;
}</script>
</body>
</html>