Apuntes de html5

/*p {

    color: blueviolet;

    font-size: 19px;

}

#prueba-boton {

    background-image: url("images/imagen1.jpg");

}

 TODO estilos dependientes a decisión sucursal 

#bogota {

    border-width: 3px;

    border-style: outset;

    border-color: crimson;

    border: 1px dotted rgb(255, 136, 156);

}

@font-face

.capital {

    background-color: darkgrey;*/

}

/* clase 5

css z index

fortar o floar a la izquierda

floaut: left wigt 100px heght 100px

dsplay como se muestra 

clear: bot borrar reglas a la derecha izquierda 

contro D para tener mult cursor 

secion y div son contenedores tene que fotar para que su 

contendo flote

clase jueves 10

.contenedor {

    display: grid;

    grid-template-columns: auto auto auto auto;

    grid-gap: 10px;

.container {

    width: 90%;

    display: block;

    margin: auto;

}

div {

    border: 1px solid gray;

    padding: 10px;

}

.space {

    height: 300px;

    position: relative;

}

#proof {

    width: 100px;

    height: 100px;

    position: absolute; */

    /*

}

#help {

    padding: 2px 8px 2px 12px;

    font-size: 40px;

    width: 25px;

    height: 40px;

    color: #d15da3;

    background-color: rgb(116, 209, 93);

    position: absolute;

    right: 0;

    bottom: 0;

    cursor: pointer;

    border-style: inset;

    border-width: 3px;lse

j.s clase vernes 10

 <div id="lista-numeros">

        <ul></ul>

    </div>

    <button onclick="imprimirHola()">

        Enviar

    </button>

    <button onclick="eliminarPrimero()">

        Eliminar Primero

    </button>

    <button onclick="eliminarUltimo()">

        Eliminar Ultimo

    </button>

j.s estylo

var numberOne= document.getElementById("numberOne") // retorna un elemento plano

console.log(numberOne)

var listEnabled = document.getElementsByClassName("enabled") // retorna una lista

console.log(listEnabled)

var inputName = document.getElementsByName("name")

console.log(inputName)

document.querySelectorAll("body div#numberOne1,div#numberOne")

var divs = document.getElementsByTagName("div")

console.log(divs)

var listaNumeros = document.getElementById("lista-numeros").children[0];

for(let i=0;i<10;i++){

    let li = document.createElement("li");

    li.innerText = i+1;

    listaNumeros.appendChild(li);

}

function imprimirHola(){

    console.log("Hola")

}

function eliminarPrimero(){

    retornarNumeros()[0].remove()

}

function eliminarUltimo(){

    if(retornarNumeros().length>0)

        retornarNumeros()[retornarNumeros().length-1].remove()

...