<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="topic" style="task" id="pref-css" lang="es">

  <info>
    <link type="guide" xref="index#pref"/>
    <revision pkgversion="3.10" date="2013-07-06" status="candidate"/>
    <revision pkgversion="3.33" date="2019-04-08" status="candidate"/>
    <revision pkgversion="40.alpha" date="2021-01-12" status="candidate"/>

    <credit type="author copyright">
      <name>Gordon Hill</name>
      <email its:translate="no">caseyweederman@gmail.com</email>
      <years>2013</years>
    </credit>
    <credit type="copyright editor">
      <name>Ekaterina Gerasimova</name>
      <email its:translate="no">kittykat3756@gmail.com</email>
      <years>2013</years>
    </credit>
    <credit type="copyright editor">
      <name>Federico Bruni</name>
      <email its:translate="no">fede@inventati.org</email>
      <years>2021</years>
    </credit>

    <license xmlns="http://projectmallard.org/1.0/" href="http://creativecommons.org/licenses/by-sa/3.0/">

  <p>This work is licensed under a
  <link href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons
  Attribution-ShareAlike 3.0 Unported License</link>.</p>

</license>

    <desc>Sobrescribir el tema usado para mostrar páginas web.</desc>
  <credit type="translator copyright"><name>Daniel Mustieles</name><email>daniel.mustieles@gmail.com</email><years>2013-2020</years></credit><credit type="translator copyright"><name>María Majadas</name><email>alixis82@gmail.com</email><years>2013</years></credit></info>

  <title>CSS personalizado</title>

  <p><app>Web</app> le permite establecer un CSS personalizado para cambiar el aspecto de cada página web que visita. Puede querer hacer esto para establecer un tamaño de tipografía o un esquema de color.</p>

  <steps>
    <item>
      <p>Pulse el botón de menú en la esquina superior derecha de la ventana y seleccione <guiseq><gui style="menuitem">Preferencias</gui><gui style="tab">Apariencia</gui></guiseq>.</p>
    </item>
    <item>
      <p>En la sección Estilo, marque la casilla <gui>Usar hoja de estilos personalizada</gui>.</p>
    </item>
    <item>
      <p>Pulse en el icono del lápiz.</p>
    </item>
    <item>
      <p>Su editor de texto predeterminado se abrirá. Añada su CSS personalizado y guarde el archivo.</p>
    </item>
  </steps>

  <p>Un ejemplo de CSS personalizado:</p>
  <code>
body{
    /*Poner todo al revés*/
    -webkit-transform: rotate(180deg);
}
</code>

  <p>Su CSS personalizado sobrescribirá la hoja de estilos de las páginas que visite después de activarlo.</p>

</page>
