Le decimos a los buscadores nuestras palabras clave para que sean buscadas

...

Nuevas Reglas

<span></span> No agrega nada de formato por si sola pero se le puede agregar estilo especifico

border-radius: 5px redondea las esquinas de un contenedor

font: bold 36px Verdana, Geneva, sans-serif; Estilo de fuente bold=negrita 36px=tamaño Verdana=tipos

box-shadow: #999 5px 5px 10px; Sombreado: color desplazamiento vertical desplazamiento horizontal difuminacion en px

@font-face{ Para insertar nuestras propias fuentes y es requerimiento que este en la carpeta raiz

font-family: ’miFuente’;

src:url(’Starfish.ttf’);

}

background: -moz-linear-gradient(left, #00F, #3FF); Degradado lineal (por la izquierda, color fuerte, color claro)

background: -webkit-radial-gradient(center, ellipse, #00F, #3FF); Degradado de tipo elipse

color: rgba(0,0,0,0.7); Transparencia al texto rgba(123,189,89,0.5)

outline: 2px dashed #00F; Le damos un estilo al borde del contendor

outline-offset: 15px; Le damos un espacio al borde

-webkit-transform:scale(0.5); Conseguimos escalar el elemento

-webkit-transform:rotate(50deg); Conseguimos rotar el elemento

-webkit-transform:skew(30deg); Conseguimos cambiar la perpectiva

-webkit-transition:-webkit-transform 2s ease 0.1s; Le decimos al elemento que lo haga en cierto tiempo ’importante’

#principal:hover{ Conseguimos que al pasar el cursor por el elemento identificado rote ciertos grados

-webkit-transform:rotate(5deg);

-webkit-transform:scale(0.5); conseguimos que al pasar el curso el elemento incremente

}

-----------------------------------------------------------------------------------------------------------------------

Nuevos Selectores

Selector que permite apuntar a aquellos elementos con la etiqueta name

ej.

p[name="miselementos"]{color: red;}

<p name="miselementos"></p>

En etiqueta html se debe agragar el name="...." al que quieras hacer referencia con el estilo

Selector que permite poner los estilos a aquellos elementos que empiezen por las mismas letras

ej.

p[name^="mis"]{color: red;}

<p name="misfunciones" ></p>

En etiqueta html se debe de agragar el name="mis...." que empieze el name por la referencia al estilo

Selector que permite poner los estilos a aquellos elementos que terminen por las mismas letras

ej.

p[name$="os"]{color: red;}

<p name="miselementos" ></p>

En etiqueta html se debe de agragar el name=".....os" que terminen el name por la referencia al estilo

Selector que permite poner los estilos a aquellos elementos que contengan las mismas letras en cualquier parte del name

ej.

p[name$="ele"]{color: red;}

<p name="miselementos" ></p>

En etiqueta html se debe de agragar el name="...ele...." que contengan el name por la referencia al estilo

PSEUDOCLASE Son ocupadas para apuntar a ciertas etiquetas

ej.

p:nth-child(2){color: red;} Asignara el estilo solo a la segunda etiqueta <p>

p:nth-child(odd){color:red;} Asignara el estilo solo a las etiquetas impares de <p>

p:nth-child(even){color:red;} Asignara el estilo solo a las etiquetas pares de <p>

p:first-child{color:red;} Asignara el estilo solo a las primeras etiquetas <p> hijo

p:last-child{color:red;} Asignara el estilo solo a las ultimas etiquetas <p> hijo

p:only-child{color:red;} Asignara el estilo solo a las etiquetas <p> unicas hijo

-----------------------------------------------------------------------------------------------------------------------------

JavaScript

Funciones No se ejecutan hasta que no sean llamadas

Evento es El desencadenante de la accion

Evento onClick al hacer click con el cursor

Alerta en navegador

ej. <p onClick="alert(’Hola’);">....</p>

Evento onmouseover al pasar el cursor por encima del elemento

el. <p onmouseover="alert(’Hola’);">....</p>

window.onload=saludo; Le decimos a nuestro codigo js que cuando cargue la ventana ejecute esa funcion

document Es un objeto el cual contiene varios metodos entre los cuales

function ejecuta(){ Le decimos que detecte las etiquetas p y ejecute la funcion

document.getElementsByTagName(’p’)[0].onclick=saludo; getElementsByTagName nos devuelve un array de ’p’ lo cual tenemos que

} indicarle la pocicion del