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>