Lista Lenguaje de Marcas (Sin Imágenes)

Estructura de la página: Títulos: Bordes: <!DOCTYPE html> <h1></h1> {border-color: #FF00FF;} <html> <h2></h2> {border-width: 10px;} <head> <h3></h3> {border-style: outset;} <meta charset="UTF-8"> <h4></h4> {border-radius: 10px;} <title></title> <h5></h5> <style> <h6></h6> </style> </head> Cambiar posición o tamaño de un elemento: <body> {width: 100px; height: 100px; float:left / right; </body> margin/padding -left/-right/-top/-bottom: 100px;} </html> Listas: <ol> <ul> <dt> <li></li> <li></li> <dd></dd> </ol> </ul> </dt> {list-style-type: circle / disc / square / armenian / cjk-ideographic / decimal- leading-zero / decimal / georgian / hebrew / hiragana / hiragana-iroha / katakana / katakana-iroha / lower-alpha / lower-greek / lower-latin / lower-roman / upper- alpha / upper-latin / upper-roman / none;} {list-style-position: inside/outside;} {list-style-image: url(ruta/imagen.jpg);} Counters: ol {counter-reset:item -5;} li:before {counter-increment:item 5; content:counters( item , "*" );} Columnas: .class {-webkit-column-count: 4; /*Chrome,Safari,Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; -webkit-column-gap: 30px; / Chrome Safari Opera */ -moz-column-gap: 30px; /* Firefox */ column-gap: 30px; -webkit-column-rule: 40px outset #FF00FF; /* Chrome, Safari, Opera */ -moz-column-rule: 40px inset #FF00FF; /* Firefox */ column-rule: 40px outset #FF00FF;} Imágenes: <img src=”/ruta/de/la/imagen.jpg” alt=”textoalternativo”> (en style): img {width: 100px; height: 100px;} fondo: body {background-image: url (/ruta/imagen.jpg), url2 (/ruta/imagen2.jpg);} p {background-image: url (/ruta/imagen.jpg);} p {background-repeat: repeat -x / -y /no-repeat;} {background-attachment: fixed / scroll;} {background-position: left / right / top / bottom;} {background-size: porcentaje de la página% / 100px;} Hipervínculos: Estilos hipervínculos:

Upload
mati-calderon
Category

Documents
view
223
download
3

Embed Size (px):

description

marcas

Transcript of Lista Lenguaje de Marcas (Sin Imágenes)

Estructura de la pgina:Ttulos:Bordes:{border-color: #FF00FF;}{border-width: 10px;}{border-style: outset;}{border-radius: 10px;}

Cambiar posicin o tamao de un elemento:{width: 100px; height: 100px; float:left / right;margin/padding -left/-right/-top/-bottom: 100px;}

Listas:

{list-style-type: circle / disc / square / armenian / cjk-ideographic / decimal-leading-zero / decimal / georgian / hebrew / hiragana / hiragana-iroha / katakana / katakana-iroha / lower-alpha / lower-greek / lower-latin / lower-roman / upper-alpha / upper-latin / upper-roman / none;}{list-style-position: inside/outside;}{list-style-image: url(ruta/imagen.jpg);}

Counters:ol {counter-reset:item -5;}li:before {counter-increment:item 5; content:counters( item , "*" );}

Columnas:.class {-webkit-column-count: 4; /*Chrome,Safari,Opera */-moz-column-count: 4; /* Firefox */column-count: 4;

-webkit-column-gap: 30px; / Chrome Safari Opera */-moz-column-gap: 30px; /* Firefox */column-gap: 30px;

-webkit-column-rule: 40px outset #FF00FF;/* Chrome, Safari, Opera */-moz-column-rule: 40px inset #FF00FF; /* Firefox */column-rule: 40px outset #FF00FF;}

Imgenes:

(en style):img {width: 100px; height: 100px;}fondo:body {background-image: url (/ruta/imagen.jpg), url2 (/ruta/imagen2.jpg);}p {background-image: url (/ruta/imagen.jpg);}p {background-repeat: repeat -x / -y /no-repeat;}{background-attachment: fixed / scroll;}{background-position: left / right / top / bottom;}{background-size: porcentaje de la pgina% / 100px;}

Hipervnculos:Estilos hipervnculos:googlea:link { color / bakground-color: #393939;}Ejemploa:hover { color / bakground-color: #393939;}Imagena:active { color / bakground-color: #393939;}a:visited { color / bakground-color: #393939;}Energa

Top

Parte enlazada de otro doc(en documento.html):