Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Conceptos básicos CSS
#1
Para los que nos apoyaron y aún nos recuerdan
En ésta ocasión toca el turno al concepto de las hojas de estilo, mejor conocido como CSS (Cascade Style Sheet).
Lo primero a mencionar, es que también se puede definir estilo dentro del mismo HTML, pero eso lo veremos más adelante. Por ahora, nos centramos en lo que se define como hojas de estilo externas, las cuales nos "estilizarán" nuestros elementos HTML, básicamente.

Otra cosa importante a mencionar, es que dichas hojas de estilo serán enlazadas a el (los) documento (s) HTML mediante un link que se inserta dentro de las etiquetas:
Código:
<head> / </head>
El link tendrá más o menos ésta estructura:
Código:
<head>
   <title>Documento sin titulo</title>
<link href="estilos.css" rel="stylesheet" type="text/css"/>

</head>
Pero ya veremos todo eso más detalladamente en posteriores posts.
Antes de pasar a los puntos medulares, recordemos que éste tipo de documento también pueden ser elaborados en editores de texto simples o avanzados; ejemplos:
Bloc de notas, Word, FrontPage, HTML-Kit, Notepad++ (recomendado), DreamWeaver, etc.
Lo único que deberemos hacer es guardarlo con la extensión .css.


Primero podemos ver el Selector o elemento, en éste caso: h1 que es un encabezado de primer nivel (por lo general, el de mayor tamaño).
Obviamente podemos colocar tantos selectores como etiquetas utilicemos en el documento HTML; o al menos las que queramos estilizar.

Luego tenemos la declaración, que consta de Propiedad : Valor; Propiedad : Valor; etc. Todo ésto entre corchetes "{" y "}", tal como podemos verlo en el ejemplo.


En el siguiente ejemplo se aplica de forma más explícita y utilizando la etiqueta o elemento "body" como Selector:
[Imagen: 9ZsmD2G.png]
Creditos; Max Hurbano
Firma editada por Moderación: Sitio web con contenido para adultos.
#2
Vaya se algo mas complejo de lo que imagine este lenguaje.

Nada que no se pueda solucionar con algo de estudio y práctica Gran sonrisa


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  COMANDOS SQL BASICOS khristia 3 397 01-10-2016, 05:27 AM
Último mensaje: habacuc78
  [PHP] Operadores básicos torgar22 0 307 07-05-2013, 01:35 PM
Último mensaje: torgar22
  consejos basicos seguridad web nicolasfidalgo 0 461 02-04-2013, 07:13 PM
Último mensaje: nicolasfidalgo
  Conceptos básicos de PHP jesuli 19 1,961 22-03-2013, 02:14 PM
Último mensaje: drako
  Sistema de puntos basicos en PHP xlinulx 8 2,001 13-01-2013, 11:34 AM
Último mensaje: Lorrainne
Estrella Conceptos básicos Conceptos básicos Conceptos Basicos PHP angelkurten 2 661 02-08-2012, 06:01 PM
Último mensaje: angelkurten
  Conceptos Basicos de ASP Rodro 8 935 11-11-2009, 11:22 PM
Último mensaje: papi



Usuarios navegando en este tema: 1 invitado(s)