Check the new version here

Popular channels

cosas básicas de css y html



• Que es el ' .CSS ':

El CSS (Cascading Style Sheets)
es un lenguaje de hojas de estilo utilizado para describir el aspecto y el formato de un documento escrito en un lenguaje de marcas, esto incluye varios lenguajes basados en XML como son XHTML o SVG.

La información de estilo puede ser adjuntada como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabecera del documento o en cada etiqueta particular mediante el atributo "

tiene que quedar asi




▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬

Ya tememos la base del sitio echa
ahora vamos a Agregar unas cosas para que en 5 minutos podamos tener una vista previa del sitio


Entre las Etiquetas


Agregamos esto

body {
background:#080A09 url('http://i1.minus.com/ilaSkwDGdI2dG.jpg') fixed no-repeat top center;
} 
.conteiner {
width: 945px;
border-radius: 2px 2 2px 2;
background-color: #FFF;
margin: 0 auto;
overflow: hidden;

}


.barranime {
background-color: #0C9DE7;
border: 3px solid #FFFFFF;
border-radius: 0px 0 0px 0;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
color: #FFFFFF;
font-family:Arial;
font-size: 14px;
font-style: italic;
font-weight: bold;
line-height: 27px;
height: 30px;

}

Tiene que quedar algo asi




▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬

ahora vamos a las etiquetas






entre esas etiquetas vamos a poner esto

conteiner">


hacemos un espacio grande como de 8 lugares




algo asi



ahora nosotros vamos a trabajar entre esto

conteiner">


aquí dentro vamos a poner el resto





(Voy a pegar todo como tiene que ir osea ustedes copien y peguen y les explico luego )

conteiner">

barranime"> Hola Mundo soy una barra JA !


" http://th06.deviantart.net/fs70/PRE/i/2012/344/f/e/girl_by_scary_panda-d5nm9zg.jpg " height="500" width="800" />




▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬ ▬

ahora les Explico Cada Cosa osea a leer !!

conteiner">

--> eso que pegue qui arriba ▲▲▲▲▲▲▲▲ es el Cuerpo osea entre el pego eso para que tenga un buen estilo lanco con un borde

entre esto
conteiner">

pegue esto barranime"> Hola Mundo soy una barra JA !
es una barra separadora con un buen estilo

después pegue esto

" http://th06.deviantart.net/fs70/PRE/i/2012/344/f/e/girl_by_scary_panda-d5nm9zg.jpg " height="500" width="800" />

esta es una imagen cualquiera de Internet si se fijan dice
height="500" width="800" />


width = ancho
y
height = altura

de la imagen que esta entre " "

" http://th06.deviantart.ne
0No comments yet