AYUDA Problemas con el CSS

[K4ution]

Me ha quedado pendiente la asignatura de aplicaciones web y casi no tengo tiempo para mirar toda la documentacion superextensa que hay por toda la red.
¿Alguien podria decirme alguna pagina en la que pueda encontrar este tipo de informacion? He estado mirando code academy pero parece ser bastante basico todo lo que muestran y en w3school todo lo contrario.

• Quitar márgenes y padding que pone por defecto el navegador.
• Centrar la página para que no haya problemas en las diferentes pantallas.

Gracias de antemano ^^

 

[pabs11]

/* RESET */
*{margin:0;padding:0;} /* Resetea los valores del navegador a todos los elementos */
/* También está el de Eric Meyer, que es muy específico http://meyerweb.com/eric/tools/css/reset/ , lo pondrías con
@import url("http://meyerweb.com/eric/tools/css/reset/reset.css")
*/

/* CONTAINER */
#container {
width: /* El ancho que quieras de div,en px o % */
margin: 0 auto; /* El 0 puedes ponerle el mrgen que quieras arriba y abajo, el auto es para poner los margenes izquierda y derecha automaticos */
}

 

[K4ution]

Muchas gracias, tengo una duda aplicando un poco de css a un titulo que tiene que estar en 2 colores y fuentes distintos y no estoy seguro de estar aplicandolo bien (Tiene que estar en cursiva, color blanco y fuente Comic Sans:

<div id="container">
		<div id="title">
		Contra <em style="color: white"; "font-family:comic-sans">Comic Sans</em>
		</div>

 

[pabs11]

puedes crear una clase que ponga eso y en el em poner class="comic", por ejemplo. Es mejor que usar estilos en línea.

 

[K4ution]

Si, yo tambien lo habia pensado asi y al final funciono pero justo mas tarde en otro texto no se me aplica.

Contra <em class="comic">Comic Sans</em>
<div id="Origen">
		<h1 class="subtitle">ORIGEN</h1>

Este es el css que tengo hecho:

/* RESET */
*{margin:0;padding:0;} /* Resetea los valores del navegador a todos los elementos */

/* CONTAINER */
#container {
width: /* El ancho que quieras de div,en px o % */
margin: 0 auto; /* El 0 puedes ponerle el margen que quieras arriba y abajo, el auto es para poner los margenes izquierda y derecha automaticos */
background-color: lightblue;
}

body {
	text-align: justify;
	font-family: sans-serif;
	color: #c6d9ee;
}

.subtitle {
	text-transform: capitalize;
	size: 40px;
}

#title {
	font-size: 60px;
	
}

.comic {
	font-family: "Comic Sans MS";
	color: white;
}

 

[pabs11]

al width: le tienes que poner algun valor, tipo 80%