$Str2 = "Selectores";
break;
case eTipo::Reglas:
$Str = "reglas";
$Str2 = "Reglas";
break;
}
$Base = new devildrey33();
$META = '<meta name="description" content="Referencia ' . $Str . ' css, Ejemplos ' . $Str . ' css">
<meta name="robots" content="index, follow">';
$Base->InicioPlantilla(basename(__FILE__), "Referéncia CSS : " . $Str2, $META);
$Base->InicioDoc(basename(__FILE__), "Referéncia CSS : " . $Str2);
$CSS_BD = new CSS_BD();
switch ($TipoSalida) {
case eTipo::Funciones:
$Documentadas = $CSS_BD->MostrarPorGrupo(CSSTipo::Funcion);
break;
case eTipo::Propiedades:
$Documentadas = $CSS_BD->MostrarPorGrupo(CSSTipo::Propiedad);
break;
case eTipo::Selectores:
$Documentadas = $CSS_BD->MostrarPorGrupo(CSSTipo::Selector);
break;
case eTipo::Reglas:
$Documentadas = $CSS_BD->MostrarPorGrupo(CSSTipo::Regla);
break;
}
$Fecha = date("d/m/Y", filemtime("CSS_BD.php"));
echo "<br /><div class='devildrey33_Nota'>" . CSSTipo::Plural($TipoSalida) . " documentadas : <b>" . $Documentadas["Documentadas"] . "/" . $Documentadas["Total"] . "</b><br />Modificado por última vez : <i>" . $Fecha . "</i>.</div>";
$Base->FinBlog();
$Base->FinPlantilla();
<meta name="robots" content="index, follow">
<link href="/css/PropiedadesCSS.css" rel="stylesheet" type="text/css" />';
$Base->InicioPlantilla("Referéncia CSS : Reglas", $DeclaracionesHeadExtras, '<a href="/Doc/">Doc</a>/<a href="/Doc/CSS/">CSS</a>/Selectores');*/
include "../Web/CSS_BD.php";
$Selectores = new CSS_BD();
?>
<!-- INTRODUCCION -->
<p>Los selectores CSS son una parte fundamental que todo el que se aventure a crear una hoja de estilos CSS debería conocer mínimamente. En esencia estos selectores nos permiten referirnos a una parte en concreto de la página web para poder estilizarla a nuestra conveniencia.</p>
<p>Dentro de un documento HTML podemos identificar cada etiqueta de una forma básica por el nombre de la etiqueta, por una clase, o por una ID. Pero además también podemos crear selectores para una gran variedad de situaciones, por ejemplo podemos crear un selector que se refiera a cuando el mouse está encima de una etiqueta, un selector que busque una etiqueta dentro de una etiqueta, un selector que busque una etiqueta antes o después de una determinada etiqueta, etc..</p>
<!-- FIN_INTRODUCCION -->
<p>En este artículo voy a enumerar todos los selectores CSS disponibles hasta la fecha de hoy, además incluiré ejemplos para cada uno de ellos.</p>
<?php
$Documentadas = $Selectores->MostrarPorGrupo(CSSTipo::Selector);
?>
<p class='nota'>Para la mayoría de los selectores de CSS2 hay que declarar "<i><!DOCTYPE></i>" si queremos que Internet Explorer 8 e inferiores funcionen con ellos, los selectores CSS3 directamente no funcionan en Internet Explorer 8 e inferiores.</p>
<p>Este documento se ha creado partiendo cómo base de la referencia de <a href="http://w3schools.com/cssref/css_selectors.asp" target="_new">w3schools CSS Selector Reference</a>, mi intención principal al crear este documento es la de probar todos los selectores que existen hasta la fecha, y crear mis propios ejemplos con ellos.</p>
<p>También debo decir que he descubierto mas de un selector interesante que hasta la fecha desconocía, así que por lo menos la experiencia me ha resultado útil. Personalmente os recomiendo echar un vistazo al selector "<i>:active</i>" el cual por su nombre no da mucho a entender su función (viene a ser cómo un OnClick), y al selector "<i>:first-letter</i>" del cual me ha parecido una buena idea ya que simplifica bastante el modificar el primer carácter de un párrafo.</p>
<?php
$Fecha = date("d/m/Y", filemtime("../Web/CSS_BD.php"));
echo "<br /><div class='postit'>Propiedades documentadas : <b>" . $Documentadas["Documentadas"] . "/" . $Documentadas["Total"] . "</b><br />Modificado por última vez : <i>" . $Fecha . "</i>.</div>";
$Base->FinBlog();
$Base->FinPlantilla();
<p>El corazón que hace funcionar el CSS son sin duda sus propiedades, las cuales nos permiten modificar tanto el comportamiento como el aspecto gráfico de cualquier etiqueta.</p>
<p>A partir de CSS3 la lista de propiedades ha crecido de forma significativa, y aunque no hay ningún navegador que las soporte todas, la mayoría de navegadores actuales empiezan a soportar una gran cantidad de ellas.</p>
<p>Es posible que esta lista no abarque todas las propiedades existentes, ya que a día de hoy aun se siguen añadiendo nuevas propiedades, por lo que voy a intentar mantener la lista actualizada, y tener cada propiedad que funcione en algún navegador documentada y con algún ejemplo.</p>
<!-- FIN_INTRODUCCION -->
<div class="nota"> Las propiedades tachadas no están soportadas en ningún navegador.</div>
';
/* if ($MostrarGrupos == true) {
echo '<div class="Centrado">
<a class="devildrey33_Boton-NormalDesactivado" style="margin-right:10px">Mostrar propiedades por grupo</a>
<a class="devildrey33_Boton" href="'.$Base->Raiz.'/PropiedadesCSS.php?Mostrar=Alf">Mostrar propiedades por orden alfabético</a>
</div>';
}
else {
echo '<div class="Centrado">
<a class="devildrey33_Boton" style="margin-right:10px" href="'.$Base->Raiz.'/PropiedadesCSS.php">Mostrar propiedades por grupos</a>
<a class="devildrey33_BotonDesactivado">Mostrar propiedades por orden alfabetico</a>
</div><br />';
}*/
$Documentadas = $Propiedades->MostrarPorGrupo(CSSTipo::Propiedad);
/*
if ($MostrarGrupos == true) $Documentadas = $Propiedades->MostrarPorGrupo(CSSTipo::Propiedad);
else $Documentadas = $Propiedades->MostrarPropiedadesPorOrdenAlfabetico();*/
$Fecha = date("d/m/Y", filemtime("../Web/CSS_BD.php"));
echo "<br /><postit>Propiedades documentadas : <b>" . $Documentadas["Documentadas"] . "/" . $Documentadas["Total"] . "</b><br />Modificado por última vez : <i>" . $Fecha . "</i>.</postit>";
$Base->FinBlog();
$Base->FinPlantilla();
?>
