AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL

Introducción a CSS


Next Page >>
HTML images

CSS Tutorial » Introducción a CSS

CSS es el lenguaje que usamos para diseñar una página web.

Qué puede hacer con CSS

Hay muchas más cosas que puede hacer con CSS.

La lista no termina aquí, hay muchas otras cosas interesantes que puedes hacer con CSS. Aprenderá sobre todos ellos en detalle en los próximos capítulos.

 

Ventajas de usar CSS

La mayor ventaja de CSS es que permite separar el estilo y el diseño del contenido del documento. Aquí hay algunas ventajas más, ¿por qué debería empezar a usar CSS?

 

Tutorial gratis CSS

Ejemplo de tutorial de CSS
Veamos un ejemplo concreto de cómo se expresarían las reglas anteriores en el lenguaje del CSS:

Ejemplo
<!DOCTYPE html>
<html>
<head>
<title>Cómo crear alineación de texto con estilo CSS - ejemplos</title>
<style>
#primera_caja {
width: 320px;
text-align:right;
border: 2px solid #00FF00;
background-color: #FFFF99;
}
.segunda_caja {
text-align:right;
width: 270px;
border: 2px solid #0000FF;
margin-top: 18px;
background-color: #FFCC99;
padding: 12px;
}
</style>
</head>
<body>
<div id="primera_caja">
<h1>El texto de estilo CSS se alinea a la derecha</h1>
texto aquí a la derecha
<div style="text-align:center; background-color: #FF0099; padding:10px">Texto Centro CSS en línea.</div>
</div>
<div class="segunda_caja">texto derecho CSS interno</div>
</body>
</html>

 

CSS Tutorial gratis en linea

 



css tutorial gratis español
Introducción a CSS - css.es

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


1
Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


jQuery replace...
jQuery replaceClass...
jQuery click ()...
jQuery switchClass()...
jQuery draggable()...
jQuery HTML...
jQuery scroll smooth...
jQuery scroll()...
jQuery stop()...
jQuery animate()...
jQuery SlideToggle()...
jQuery slideDown()...
jQuery slideUp()...
jQuery fadeToggle...
jQuery fadeOut()...
jQuery fadeIn()...
jQuery Effects - hide () and show ()...
jQuery Events...
jQuery Attributes...
jQuery Selectors...