Las hojas de estilo en cascada permiten un formato flexible de una página. Deben usarse en lugar de tablas para contenido no tabular siempre que sea posible, porque pueden ser manipuladas por el lector o anuladas por un autor si su CSS está incrustado en otra página a través de una plantilla .
El estilo se puede elegir específicamente para un contenido, véase, por ejemplo, color; alcance de los parámetros
Alternativamente, el estilo se especifica para los selectores CSS, expresado en términos de elementos, clases e ID. 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 aspecto: Manual de MediaWiki: Galería de estilos de usuario, etc. Hojas de estilo normalmente cargadas:
por ejemplo, monobook/main.css (diseño normal para PC), chick/main.css (diseño normal para dispositivos portátiles)
Ejemplos de monolibro:
Nota: Los sitios de MediaWiki que no sean Wikipedia en inglés pueden utilizar MediaWiki:Gadget-site.cssen lugar de MediaWiki:Common.css.
Se pueden introducir hojas de estilo específicas de la página a través de 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 del 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.
Una clase puede ser producida por el software, 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 tomada del wikitexto.
De manera similar, el software puede producir una identificación, por ejemplo, bodyContent, o tomarla del wikitexto.
En el caso de configuraciones de estilo contradictorias para un contenido, la configuración resultante depende principalmente de la indicación "!importante". En segundo lugar, si ambos son importantes, gana el usuario, si ninguno 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: el último gana. Así, un Usuario: nombre de usuario /monobook.css no gana de MediaWiki:Monobook.css (tanto autor como no usuario) si la especificidad de este último es mayor. Véase también cascada.
MediaWiki soporta la mayoría de CSS, con excepciones como el atributo url(). Hubo algunos errores en la compatibilidad con CSS en versiones anteriores.
Puedes usar estilos CSS en elementos HTML de tu código (consulta Ayuda: HTML en wikitext para obtener una lista de elementos admitidos por MediaWiki) como lo harías 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
< estilo div = "float:right; border:thin solid green;" >
Aquí viene un breve párrafo que está < br />
contenido en un elemento "div" que es < br /> flotó hacia la derecha.</div>Aquí viene un breve párrafo contenido
en un elemento "div" que
flota hacia la derecha.
lo que produciría la caja de la derecha. Algunos elementos de wikitexto te permiten insertar estilos CSS directamente en ellos. Un ejemplo es la sintaxis de la tabla:
{| estilo = "tu estilo aquí" |- | tus cosas de mesa |} Es posible que desees utilizar un tipo de estilo que ya esté predefinido por MediaWiki o el sitio que estás visitando. También puedes crear un estilo que sea exclusivo de tu página.
Vector es el estilo predeterminado, puedes verlo en: MediaWiki:Vector.css
Le darás a tu etiqueta CSS una "clase" existente
Por favor coloque una lista de clases existentes aquí.
En una página incrustada, se pueden ocultar 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 para 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 para Firefox aquí y luego elija Misc. → mostrar elementos ocultos en esa barra de herramientas. Hará que aparezcan todos los elementos ocultos.
Se puede excluir la impresión del contenido (si el navegador admite CSS) declarando que el contenido es de la clase "noprint":
< div class = "someclass noprint" > Esto no aparecerá en la versión impresa. </div>
La clase de portlet es el estilo utilizado por todos los bloques div alrededor del contenido principal. Bloques identificados usando esa clase:
El pie de página en la parte inferior de la página incluye bloques con los siguientes identificadores
Una clase o identificación puede depender del resultado producido por una plantilla o de un parámetro de plantilla, por ejemplo . Para uno o más de los posibles nombres de clase 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, por ejemplo, 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 sólo 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 máscaras, en la medida en que no se anulen.
Wikitexto que lee
< span style = "display:{{{3|none}}}" > miércoles </ span >mostrará "Mié" si el parámetro 3 está definido, pero su valor no es "ninguno" y no muestra nada si el parámetro 3 no está definido o es "ninguno". Si el valor del parámetro 3 es un estilo de visualización distinto de "ninguno", se aplica ese estilo.
Los encabezados de Wiki utilizan el siguiente CSS predeterminado:
<code>