Curso básico de CSS, Aprende a crear tus propios diseños para tus sitio web.
CSS es un lenguaje de hojas de estilo utilizado para darle presentación a sitios web creados con HTML, después de haber aprendido HTML lo siguiente que tienes que aprender es CSS, la definición anterior puede parecer un poco confusa pero te explico, CSS es el lenguaje que nos permite darle estilos, formas, tamaños, colores y posición a los elementos creados en un sitio web.
Es vital que en este punto conozcas de HTML, si aun no lo haces te invito a que inicies con este Curso básico de HTML desde 0
Para este curso no necesitas nada extra a las herramientas que ya usamos en el curso de HTML, asi que no te preocupes. Al igual que HTML, CSS también es un lenguaje compilado por lo que todo el trabajo lo hará el navegador web.
El curso al igual que el de HTML se encuentra grabado en pequeños videos, continuación te presento el temario del curso.
Temario del curso:
- Introducción
- Selectores
- Unidades de Medida
- Unidades de Color
- Modelo de Caja
- Fondos
- Posicionamiento de Cajas
- Texto y Tipografía
- Enlaces
- Imágenes
- Listas
- Tablas
- Formularios
- Layout, estructura básica
[…] Para este articulo asumo que ya tienes conocimientos básicos de HTML y CSS, si aun no aprendes estos lenguajes aquí tienes mi curso básico de HTML desde 0 y mi curso básico de CSS desde 0. […]
Excelente! lo felicito hombre, yo soy un novato en esto he leído sobre html, apenas lo básico y en css estoy en ceros, pero lo que he visto en sus tutoriales me ha servido mucho y sobre todo ha sido claro, incluso las partes donde se equivoca y el navegador no hace lo esperado, sirven como ejemplo. Nuevamente felicitaciones y gracias.
Muchas gracias
Muchas gracias! Eres muy joven y da mucho gusto escuchar lo que sabes y lo bien que te explicas. Como sigas así, te espera un futuro muy brillante. Un saludo desde España
Muchas gracias
descargando colorpicker en sublime txt nos ebitamos ir al navegador
Muy buenos tutos. Quiero aclarar que HTML se interpreta, no se compila como dice arriba.
Saludos
hola yo a mi h2 o h1 me genera un espacio de separacion y no he podido quitarlo este es mi codigo css
.h2 {font-family:Arial, Helvetica, sans-serif;
letter-spacing: 0px;
font-size: 16px;
line-height: 16px;
color: #fff;
margin: 0px;
pon lo siguiente para resetar todas las etiquetas.
*{
padding:0;
margin:0;
}
Esto hará un reset para todas la etiquetas.
Eres un lo mejor por compartir tus conocimientos sin pedir nada a cambio y gracias a eso nos podemos beneficiar nosotros muchas gracias
Gracias por compartir tus conocimientos. En lo personal me ha servido de mucho para css,,
html5 ya lo habia visto en otro sitio français, pero tus explicaciones no tienen comparacion,
felicitaciones y EXITOS que bien lo mereces.desde Belgica MERCI
Estudio programacion a nivel preparatoria y en este semestre estamos viendo Html pero con tu curso de html y css me estoy luciendo en clase :v Muchas gracias! Eres el mejor y haces que me enamore de la programacion de sitios web!
gracias bro por tus videotutoriales los he bajado desde youtube…tus videotutoriales estan bien explicados y la grabacion se ve perfecto…a m me gusta mucho diseño de paginas web….gracias una vez mas..
Falcon Master soy tu fans #1. Tus tutoriales son increibles..!! Sigue asii
eres un profesional en eso amigo muchas gracias
tengo una duda, por que nunca usas el #? al inicio de los selectores?
Porque con clases puedes trabajar todo, es recomendable utilizar los id solo para otros lenguajes como javascript.
Carlos arturo, verdad que en solo unos 4 años investigando sobre HTML5 , HTML1 , CSS3
te volviste un total !CRACk¡ eres un Pro , lo mas increíble que nunca tu has estado en una escuela de programación Exelente forma de enseñar xd
haha Muchas gracias
Falcon Masters tienes un problema en las listas que tienes en las listas de tu pagina clase .wpp-list li donde se ubica el Top 5 Artículos mas populares en esa mima clase tu pagina ignora la regla que le diste Display: inline block por eso se coloca unos puntos en las listas que estan junto a las imágenes
Hola Carlos, la verdad es que yo no soy programador (soy gráfico y SEO) y siempre había querido aprender a hacer webs porque es una espinita que tenía clavada, y la verdad es que con tu curso que he encontrado en YouTube estoy aprendiendo de forma súper rápida y fácil.. Lo haces súper sencillo.
De verdad que muchas gracias!
Me alegra mucho escuchar eso!
Muchas gracias a ti por ver mi contenido :)
Hola Carlos Arturo mi pregunta ea como puedo hacer este slider de la ssiguiente página. http://4guystores.com es un slider automático y manual, a la vez es responsive y flexible
Hola genio hay posibilidad de que incluyas un curso similar desde 0 para Javascript y Jquery?. Muchas gracias, son realmente muy utiles
eres el mejor
Que tal Carlos Arturo!, Muchisimas gracias por compartir este conocimiento, la verdad es que este tipo de material es muy valioso, y sobre todo por tu capacidad de transmitirlos, espero que cuando llegue a un nivel mas avanzado, pueda inscribirme a tu contenido de pago! mucha suerte! Simón-D.G-Argentina.
no me aparece la imagen de fondo es alguna letra que escribí mal?Ya le hoce de todo y nada que aparece de fondo, cambie de imagen infinidad de veces.
Hola que tal, tengo un problema, quiero colocar el Footer al Final de la Pagina, si el contenido es pequeño .. pero, si es mayor 1) que habilite el Scroll con todo el div o que el footer balla al final de todo el contenido, alguna manera de hacerlo ? Saludos ! espero me puedas ayudar, Gracias !
Hola Carlos Arturo, me parece fabuloso el editor de texto, estoy manjando sublime text3 quisiera saber si se puede cambiar le idioma y como hacerlo. Agradezco su respuesta
ya termine el curso HTML pero tengo un problema con la parte del curso CSS que tiene que ver con el
body {blackground:#000000;} al poner este codigo o comando no se me ejecuta en la pagina web que tengo, ya lo guarde en mi Carpeta CSS y dentro le puse Estilos.css, el unico que se ejecuta bien es este: color:fff;
Lo que pasa es que estas escribiendo «blackground» es «background».
Saludos
arigatou gozaimasu
Carlos Arturo gracias por disponer con nosotros de tu tiempo y dedicación, de verdad muy agradecido, no pierdas esa iniciativa tan valorada. Animo en seguir!. Que Dios sea el que te bendiga. Amen
HOLA QUE TAL fijate que lo intente pero no me sale me gustaria que me ayudaras, gracias.
como descargo css por faaa
CSS no es un programa que se puede descargar, es un lenguaje. Podes usar cualquier editor de texto, note pad ++, subletext, dreamweaver, bloc de notas de windows.
Carlos Arturo, Tengo un pequeño problemita con el boton enviar,que hago click y no me envia nada que hago para solucionar ese problema?
CARLOS ARTURO BUENAS
AQUI REALIZANDO EJERCICIOS ME DOY CUENTA QUE MI VERSION DE SUBLIME TEXT NO TOMA EL COMANDO «HOVER» PARA LOS LINKS Y ESTO EVITA QUE TOMEN LOS CAMBIOS APLICADOS COMO HAGO PARA SOLVENTAR ESTO
Hola Arturo exelente todo tu contenido, tengo una peticion si no es mucha molstia podrias facilitarme el codigo de la pagina de ejemplo del tutorial: Curso Basico de CSS desde 0 – Introduccion, Gracias.
Hola Carlos Arturo, ultimamente he tenido inconvenientes con el sitio donde tengo alojada mi pagina web, tal vez sea porque es gratuito el sitio, me gustaria que me recomiendes un buen hosting al que me pueda cambiar a fin de solventar esta situacion. gracias
hola como puedo agregar el archivo estilos css ya que al momento de cargarla no se modifica anda de css
Carlos Arturo mil gracias por compartir tus valiosos conocimientos
Hola Carlos Arturo, queríia saber como se pueden poner las etiquetas, selectores en el editor (wordpad) sin temer q escribir toda la palabra.
Falcon Masters, desde Ecuador un saludo, gracias por ayudarme a comprender tan facil html, css y php