Las hojas de estilo en cascada permiten dar formato flexible a una página. Se deben utilizar en lugar de tablas para contenido no tabular siempre que sea posible, ya que el lector puede manipularlas o el autor puede anularlas si su CSS está incrustado en otra página a través de una plantilla .
El estilo puede elegirse específicamente para una pieza de contenido, ver por ejemplo, color; alcance de los parámetros
Como alternativa, se especifica el estilo para los selectores CSS, expresado en términos de elementos, clases e identificadores. Esto se hace en varios niveles:
Hojas de estilo del autor, en este orden:
Nota: Consulte WP:CLASS para obtener una lista de todas las hojas de estilo cargadas.
Por skin: Manual de MediaWiki: Galería de estilos de usuario, etc. Hojas de estilo cargadas normalmente:
por ejemplo, monobook/main.css (apariencia normal para PC), chick/main.css (apariencia normal para dispositivos portátiles)
Ejemplos para Monobook:
Nota: Los sitios de MediaWiki que no sean Wikipedia en inglés pueden usar MediaWiki:Gadget-site.cssen lugar de MediaWiki:Common.css.
Se pueden introducir hojas de estilo específicas de la página mediante TemplateStyles . Las páginas, en particular las plantillas, también pueden tener CSS en línea.
Algunas páginas tienen su propio CSS, por ejemplo, MediaWiki:FileUploadWizard.css
Tenga en cuenta que en la terminología CSS, las hojas de estilo específicas del usuario no son hojas de estilo de usuario .
Un elemento HTML puede ser simplemente tomado del wikitexto (ver HTML en wikitexto ), por ejemplo, span, o el resultado de traducir el wikitexto, por ejemplo, el '''...'''código se cambia a <b>...</b>, o parte del código para el skin.
El software puede producir una clase, por ejemplo, ns- número de espacio de nombres para el elemento HTML "cuerpo", y extiw para un enlace interwiki en el cuerpo de la página, o tomado del wikitexto.
De manera similar, un ID puede ser producido por el software, por ejemplo, bodyContent, o tomado del wikitexto.
En caso de conflicto de configuraciones de estilo para un contenido, la configuración resultante depende principalmente de la indicación "!important". En segundo lugar, si ambas son importantes, gana el usuario, si ninguna lo es, gana el autor. En tercer lugar, depende de la especificidad. Por último, depende del orden entre y dentro de las hojas de estilo: gana el último. Por lo tanto, un User: username /monobook.css no gana de MediaWiki:Monobook.css (ambos autor, no usuario) si la especificidad de este último es mayor. Véase también cascada.
MediaWiki es compatible con la mayoría de los CSS, con excepciones como el atributo url(). En versiones anteriores había algunos errores en la compatibilidad con CSS.
Puede utilizar estilos CSS en elementos HTML en su código (consulte Ayuda:HTML en wikitexto para obtener una lista de elementos compatibles con MediaWiki) como lo haría en el marcado HTML normal.
Por ejemplo, un <div>...</div>elemento con un borde verde y su contenido flotando hacia la derecha se crearía con
< div style = "float:right; border:thin solid green;" >
Aquí viene un párrafo corto que está < br />
contenido en un elemento "div" que está < br />flotó hacia la derecha.</div>Aquí viene un párrafo corto que está
contenido en un elemento "div" que
flota hacia la derecha.
que generaría el cuadro de la derecha. Algunos elementos de wikitexto permiten insertar estilos CSS directamente en ellos. Un ejemplo es la sintaxis de la tabla:
{| style = "tu estilo aquí" |- | tus cosas de mesa |} Es posible que desees utilizar un tipo de estilo que ya esté predefinido por MediaWiki o por el sitio que estás visitando. También puedes crear un estilo que sea exclusivo para tu página.
Vector es el estilo predeterminado, puedes verlo en: MediaWiki:Vector.css
Le dará a su etiqueta CSS una "clase" existente
Por favor, incluya aquí una lista de clases existentes.
En una página incrustada, se pueden ocultar los comentarios en una versión y mostrarlos en otra vista. Un "estilo" extremo para un texto es no mostrarlo, con
. '' nombre de clase '' { mostrar : ninguno } # '' id '' { mostrar : ninguno } etc.
Los enlaces que no se muestran no funcionan (a diferencia de los enlaces en una fuente muy pequeña).
No se puede utilizar para eliminar texto en expresiones de nombres de plantillas, nombres de parámetros, valores de parámetros, nombres de páginas en enlaces, etc.
Para ver el texto oculto, descargue la barra de herramientas para desarrolladores web de Firefox aquí y, a continuación, seleccione Misc. → Mostrar elementos ocultos en esa barra de herramientas. Esto hará que aparezcan todos los elementos ocultos.
Se puede excluir la impresión de contenido declarando que el contenido es de la clase "noprint":
< div class = "someclass noprint" > Esto no aparecerá en la versión impresa. </ div >
La clase portlet es el estilo que utilizan todos los bloques div alrededor del contenido principal. Bloques identificados que utilizan esa clase:
El pie de página en la parte inferior de la página incluye bloques con los siguientes identificadores
Una clase o id puede depender del resultado producido por una plantilla o de un parámetro de plantilla, por ejemplo . Para uno o más de los nombres de clase posibles, se puede definir el estilo de esa clase. Si la clase no está definida, se ignora, por lo que se utiliza el estilo estándar.class="abc{{{1|def}}}"
En el caso más simple, tenemos eg y definimos la clase abcdef. Si el valor del parámetro es "def", se aplica.class="abc{{{1}}}"
Si una página para uso general solo tiene sentido cuando se definen estilos para ciertas clases, entonces estos deben especificarse en la página MediaWiki:Common.css , que se aplica a todos los usuarios y todas las apariencias, siempre que no se anulen.
Wikitexto que se lee
< span style = "display:{{{3|none}}}" > miércoles </ span >Se mostrará "Wed" si el parámetro 3 está definido, pero su valor no es "none", y no se mostrará nada si el parámetro 3 no está definido o es "none". Si el valor del parámetro 3 es un estilo de visualización distinto de "none", se aplicará ese estilo.
Los encabezados wiki utilizan el siguiente CSS predeterminado:
<code>