Windows LiveWindows Live™
 
 
HeCtOr HuGo's profileSaTiPoPhotosBlogListsMore Tools Help

Blog

    Introducción a CSS

    CSS son las siglas de Cascading Style Sheets, que en español suele traducirse como Estilos de hoja en Cascada.

    El CSS permite darle un estilo a una página web sin agregar ni alterar el contenido de las mismas.

    ¿Qué ocurría, antes, cuando se hacían las páginas web con     HTML. Por ejemplo, para cambiar el color de un texto presente en varios títulos, había que editar cada una de las páginas del sitio, seleccionar cada subtítulo y cambiar el color de su tipografía.

    En cambio, al utilizar CSS y una buena estructuración de página web, se tiene un estilo, llamado subtítulos, definido con una serie de atributos, como el color de la fuente usada en ellos.

    De tal forma que para cambar el color de los subtítulos de las páginas, sólo se deberá cambiar el color en la hoja de estilos (archivo .css) y de forma automática se aplicará a todos los subtítulos del sitio.

    Con CSS se puede crear un estilo personalizado y configurar todas sus propiedades, darle un nombre único a dicho estilo y luego aplicarlo en páginas HTML.

    Hay dos formas de utilizar CSS:

    1) Hacer un archivo .css que se vincule a todas las páginas del sitio web, lo que permite tener por separado la hoja de estilos de las páginas de contenido. Esto es lo mejor aunque más complejo, sobre todo cuando hay muchos estilos aplicados a diferentes partes de una página web.

    2) Agregar código para estilos dentro del head de una página HTML, o sea, entre las etiquetas <head> y </head>
    Por ejemplo, para lograr un texto en bold o negrita, en color rojo y en tipografía Verdana, hay que introducir el siguiente código dentro del head:
    Código HTML:
    <style type="text/css"> <!--

.resaltados { 

font-family: Verdana, Arial, Helvetica, sans-serif;

font-weight: bold;

color: #FF0000;

}

-->

</style>
    y luego en la página HTML donde se utilice este estilo se aplica la clase que se llamó resaltados, de la siguiente forma:
    Código HTML:
    <p class=”resaltados”>Aquí va el texto a mostrarse resaltado</p>
    En esta forma de aplicación de CSS incluímos el código inline, o sea, directo en la página web.

    Conceptos básicos de Etiquetas, CCS y HTML:
    August 20 1:24:40 PM | Blog it | ¿?

    Comments

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    Trackbacks

    The trackback URL for this entry is:
    http://juarezj-t.spaces.live.com/blog/cns!3F331E7DE0F8021B!1974.trak
    Weblogs that reference this entry
    • None