Diferencias

Muestra las diferencias entre dos versiones de la página.

--- css:basics [2021/07/08 13:42] – alberto
+++ css:basics [2021/07/08 13:44] (actual) – alberto
@@ Línea 22: / Línea 22: @@
 <code html>p class="nombreClase1 nombreClase2"</code>
-==== //Combinators// ====
+==== Combinators ====
 Un selector CSS (elemento a dar formato), puede tomar más de un simple selector. Un //combinator// es un operador entre selectores, para definir una relación entre ambos, a la que se le aplicará el estilo:
   * **Descendiente [Espacio]**: Afecta a todos los elemntos contenidos en éste. Se deja un espacio, ejemplo: div {
@@ Línea 61: / Línea 61: @@
 </code>
-Los **Pseudoelementos** dan estilo a diferentes partes de un elemento.
+Los **Pseudoelementos** dan estilo a diferentes partes de un elemento.\\
 Sintaxis:
 <code css>
@@ Línea 119: / Línea 119: @@
   * **padding**: Espacio interior al borde del elemento. Entre el contenido y el borde. Puede expresarse en % respecto al ancho del contenedor (caja delimitada por los bordes, //width+padding//). También permite usar la propiedad //inherit//.
-==== Ancho //Width// y alto //Height// de un elemento ====
+==== Ancho (Width) y alto (Height) de un elemento ====
 Estas propiedades se refieres al ancho y alto del **contenedor** (contenido), sin contar //margin//, //padding// y //borders//.
 El ancho y alto totales de la caja es el resultdo de sumer ancho/alto, más //margin//, //padding// y bordes.
@@ Línea 127: / Línea 127: @@
 Al no referenciar al modelo de caja, puede solapar a éste en función de las propiedades que tenga declaradas.
-===== Posición / //Layout// =====
+===== Posicionamiento (Layout) =====
 Los elementos se posicionan con las propiedades //top//, //bottom//, //left// y //right//. Sin embargo, estas propiedades no funcionarán a menos que se establezca primero la propiedad //position//, y funcionan diferente según el valor de esta posición:
   * **Static**: Por defecto. Se colocan los elementos según el flujo "normal" de la web. No le afectan las propiedades //top//, //bottom//, //left// y //right//.