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
Arcoiris Tips Básicos Optimizacion Css WMasterT 0 44 08-10-2018, 06:51 PM
Último mensaje: WMasterT
  COMANDOS SQL BASICOS khristia 3 475 01-10-2016, 05:27 AM
Último mensaje: habacuc78
  [PHP] Operadores básicos torgar22 0 361 07-05-2013, 01:35 PM
Último mensaje: torgar22
  consejos basicos seguridad web nicolasfidalgo 0 507 02-04-2013, 07:13 PM
Último mensaje: nicolasfidalgo
  Conceptos básicos de PHP jesuli 19 2,046 22-03-2013, 02:14 PM
Último mensaje: drako
  Sistema de puntos basicos en PHP xlinulx 8 2,082 13-01-2013, 11:34 AM
Último mensaje: Lorrainne
Estrella Conceptos básicos Conceptos básicos Conceptos Basicos PHP angelkurten 2 698 02-08-2012, 06:01 PM
Último mensaje: angelkurten
  Conceptos Basicos de ASP Rodro 8 1,018 11-11-2009, 11:22 PM
Último mensaje: papi



Usuarios navegando en este tema: 1 invitado(s)