"> Foro - [CSS] Pequeño recordatorio de CSS en Programación web - Page 1 of 1
Abril 18, 2024, 11:31:54 pm
Visitante


Autor Tema: [CSS] Pequeño recordatorio de CSS  (Leído 2762 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Agosto 18, 2015, 02:59:26 pm

MaxiWhatsUp




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Destroza el sistema, destruye el gobierno.
  • Actividad

  • 0%
  • Logros

Más información

Quizás para las personas que aún no saben de que va CSS, esto también les servirá, pero es un pequeño recordatorio que digamos de las partes de CSS.

Para empezar, CSS es un lenguaje para hacer la apariencia de la web, darle color en pocas palabras a la estructura HTML: Añadir colores a los textos, fuente, tamaño...

Para empezar a modificar la apariencia, digamos que si quieres modificar un párrafo de HTML, debe ser así:
Código: [Seleccionar]
p {
   color: red;
   font-size: 20px;

}

Cada "etiqueta" por así llamarlo, debe acabar en punto y coma, de ese modo indicas que has terminado la etiqueta.
el "p" proviene de <p> en HTML, por lo que, si en HTML hay algo dentro de esa etiqueta, se cambiará al color que has indicado y al tamaño. Igual con <h1> sería h1 {.
Fíjate que luego de "p" hay un corchete, y al final igual, es muy importante, porque si luego haces lo mismo pero con otra etiqueta, en este caso se añadirá lo mismo que has indicado en el anterior, al no haber cerrado con el corchete.
Ahora os explicaré las "etiquetas del css" básicas.
Las etiquetas estas, dan vida a la etiqueta HTML que estás indicando.
Código: [Seleccionar]
color: red;
color: #FFFFFF;

Indica el color que le has indicado, por medio de poner el color que deseas en inglés, o por colores hexadecimales.
Código: [Seleccionar]
font-family: Verdana;
Colocas a ese párrafo, una fuente, por ejemplo Verdana, Comic Sans, serif...
Código: [Seleccionar]
font-size: 20px;
Ajustas el tamaño del párrafo por Pixeles, cómo si le cambiases el tamaño en el Word a 20, en este caso es lo mismo.
Código: [Seleccionar]
font-align: left;
font-align: right;
font-align: center;

Ajusta la alineación del párrafo, en la derecha, izquierda, o centrado.

El tema puede ser actualizado, pero recuerda que son los códigos básicos, avanzados no se colocarán aquí!

Linkback: https://minecraftmin.net/index.php?topic=11081.0
« Última modificación: Agosto 18, 2015, 03:10:40 pm por MaxiWhatsUp »


Respuesta #1 Agosto 18, 2015, 08:48:44 pm

Diego_wwe




  • Desconectado

  • *

    • *
    • *
    • *
  • Mensaje personal
    Youtuber .- De esos que suben videos :O
  • Actividad

  • 0%
  • Logros

Más información

Primero que nada, deberías poner como agregar un codigo CSS a HTML, yo aquí lo pongo para alguien que quiera saber, yo lo haré con Sublime Text 3:

1.- Crear un archivo .css y guardarlo donde tu quieras; yo te recomiendo en una carpeta llamada css o parecido donde guardes todas tus cosas, etc.


2.- Poner el codigo que quieras en el archivo .css


3.- En tu archivo index.html, en la parte de <head></head> agregamos este codigo:

Código: [Seleccionar]
<link href="css/estilos.css" rel="stylesheet">


Que significa que linkea el archivo "estilos.css" que se encuentra en la carpeta css que es un archivo de "Estilo de hoja"

Agregalo ^.^ tienes todo el derecho a usar mis imagenes para usarlo en tu post :D

-Saludos:3

----------------------------------------------------------------------------------------------------
Youtuber, ex-map maker y próximo programador de varios lenguajes de programación
Próximo moderador de mods:3
¿Que mas podrían pedir?
#Diego4Software
Texto ("Dale wendingo!!!");





Share via delicious Share via digg Share via facebook Share via furl Share via linkedin Share via myspace Share via reddit Share via stumble Share via technorati Share via twitter