El procedimiento para la creación de hojas de estilo en cascada para las páginas web destinadas a ser consultados en los teléfonos inteligentes y otros dispositivos móviles no es diferente de cómo se crearía CSS de las páginas Web que aparecen en las computadoras personales. Los estilos pueden ser añadidos a la sección head de un documento HTML o puede crear un archivo CSS externo e importarlo en la sección head del documento. Cosas que necesitará
editor de texto o un editor HTML, instalado
Mostrar más instrucciones
Agregar código CSS para el código HTML del archivo
página 1
Abra un nuevo archivo HTML en su texto preferido o HTML editor. Copia y pega este código en el documento:
html head
Título < /title> <br> <p> < /head> <br> <p> <body> < /body> < /html> <br> <p> 2 Haga clic en la línea en blanco debajo de la < , título > y escriba un par de etiquetas de estilo de la siguiente manera : <br> <p> <title> página del título < /title> <style type="text/css"> <br> <p> < estilo ;/> <br> <p> Esto establece la parte CSS de la página. Todo el código CSS va entre la apertura y cierre de etiquetas <style> . <br> 3 <p> Crear los estilos CSS que desea. Por ejemplo , es posible que desee utilizar una regla CSS cuerpo que se parece a éste : . <br> <p> <style Type="text/css"> body { font- family: Arial , Helvetica , sans -serif ; font- size: 12px ; font-style : normal; font-weight : normal; font-variant : normal; } < /style> <br> 4 <p> Continuar escribiendo definiciones CSS hasta que su web la página se ha adaptado para su satisfacción. <br> 5 <p> Crear el contenido de su página web entre la apertura y el cierre <body> . Aplicar las reglas CSS al contenido deseado. <br> 6 <p> Guarde el archivo HTML con la extensión " . Html" . <br> Crear un archivo CSS externo <br> Página 7 <p> Abra un nuevo archivo HTML en su texto preferido o un editor HTML. Copia y pega este código en el documento: <! DOCTYPE HTML > <br> <p> html head <meta charset="utf-8"> <title> Título < /title> <br> <p> < /head> <br> <p> <body> < /body> < /html> <br> 8 <p> Haga clic en la línea en blanco inmediatamente después el conjunto de etiquetas <title> y escriba el siguiente código, que va a importar el archivo " style.css ": <br> <p> enlace de tipo < href = " style.css " rel = "stylesheet " = "text /css" > <br> <p> código importa la hoja de estilos externa que se utilizará para dar formato a los diversos elementos de su página web. <br> 9 <p> Abra un archivo nuevo en el texto o HTML editor y escriba el código siguiente en la primera línea : <br> <p> @ charset " utf - 8 " ; <br> <p> este código indica al navegador se trata de un archivo CSS <br> . página 10 <p> Escriba las definiciones de estilo de CSS que desea aplicar a su documento HTML. Por ejemplo, el estilo de la carrocería puede tener un aspecto similar a este : <br> <p> @ charset " utf - 8 " ; <br> <p> body { font- family: . Arial , Helvetica , sans- serif; font- size: 12px ; font-style : normal; font-weight : normal; font-variant : normal; } <br> <p> Cuando haya terminado de introducir las definiciones de estilo CSS , guarde el archivo como " style.css " . <br> 11 <p> Crear el contenido de su página web entre la apertura y el cierre <body> . Aplicar las reglas CSS al contenido deseado. <br> 12 <p> Guarde el archivo HTML con la extensión " . Html" . <br> <br>
<div class="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/software/edición/116400.html' >¿Tenemos la posibilidad de ampliar Imprimir </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/software/edición/116402.html' >Cómo hacer un formulario básico con InDesign CS4 </a> </div>
</div>
<dl class=xgc>
<dt><span>edición</span></dt>
<dd><a href="http://www.ordenador.online/software/edición/117439.html">Cómo crear un horario de clases </a></dd><dd><a href="http://www.ordenador.online/software/edición/118378.html">Cómo convertir xlsx de Adobe </a></dd><dd><a href="http://www.ordenador.online/software/edición/118475.html">Cómo hacer inglés Carteles </a></dd><dd><a href="http://www.ordenador.online/software/edición/119510.html">Cómo Kern en InDesign </a></dd><dd><a href="http://www.ordenador.online/software/edición/117079.html">Cómo subir el sitio de Dreamweaver CS3 con el servidor </a></dd><dd><a href="http://www.ordenador.online/software/edición/118682.html">Cómo crear una frase de Fuentes creativas </a></dd><dd><a href="http://www.ordenador.online/software/edición/118220.html">Ideas de Diseño Gráfico de Folletos </a></dd><dd><a href="http://www.ordenador.online/software/edición/118663.html">Cómo imprimir un documento de Adobe con seguridad </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/software/edición/118600.html" >¿Qué es el Office Live Add -In </a> </li><li><a href="http://www.ordenador.online/software/edición/116945.html" >Cómo hacer folletos trípticos en Microsoft Word 2007 </a> </li><li><a href="http://www.ordenador.online/software/edición/117101.html" >Cómo imprimir desde Photoshop CS </a> </li><li><a href="http://www.ordenador.online/software/edición/118205.html" >Cómo hacer su propia cubierta de la caja de CD </a> </li><li><a href="http://www.ordenador.online/software/edición/119450.html" >Cómo hacer invitaciones de Uso de Print Shop Deluxe </a> </li><li><a href="http://www.ordenador.online/software/edición/117860.html" >¿Cómo puedo crear un boletín de noticias en línea gratis </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/software/edición/118124.html" >Cómo crear un folleto Contratación </a></li><li> <a href="http://www.ordenador.online/software/edición/117239.html" >Cómo proteger contra escritura un documento de Word 2000 </a></li><li> <a href="http://www.ordenador.online/software/edición/119384.html" >Cómo crear e imprimir etiquetas de remite </a></li><li> <a href="http://www.ordenador.online/software/edición/116972.html" >¿Cuáles son los objetos libres en Scribus </a></li><li> <a href="http://www.ordenador.online/software/edición/117384.html" >Cómo hacer tu propio adolescente Revista gratis </a></li><li> <a href="http://www.ordenador.online/software/edición/118159.html" >Cómo bloquear Texto en Acrobat </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/software/Adobe-Illustrator/' target="_self">Adobe Illustrator</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-Animación/' target="_self">Software de Animación</a></li>
<li><a href='http://www.ordenador.online/software/Antivirus-Software/' target="_self">Antivirus Software</a></li>
<li><a href='http://www.ordenador.online/software/Software-Audio/' target="_self">Software Audio</a></li>
<li><a href='http://www.ordenador.online/software/Copia-de-seguridad-de-datos/' target="_self">Copia de seguridad de datos</a></li>
<li><a href='http://www.ordenador.online/software/Grabar-CDs/' target="_self">Grabar CDs</a></li>
<li><a href='http://www.ordenador.online/software/Grabar-DVDs/' target="_self">Grabar DVDs</a></li>
<li><a href='http://www.ordenador.online/software/compresión-de-datos/' target="_self">compresión de datos</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-base-de-datos/' target="_self">Software de base de datos</a></li>
<li><a href='http://www.ordenador.online/software/edición/' target="_self">edición</a></li>
<li><a href='http://www.ordenador.online/software/desktop-Video/' target="_self">desktop Video</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-vídeo-digital/' target="_self">Software de vídeo digital</a></li>
<li><a href='http://www.ordenador.online/software/Drupal/' target="_self">Drupal</a></li>
<li><a href='http://www.ordenador.online/software/Software-Educativo/' target="_self">Software Educativo</a></li>
<li><a href='http://www.ordenador.online/software/Ingeniería-del-Software/' target="_self">Ingeniería del Software</a></li>
<li><a href='http://www.ordenador.online/software/Tipos-de-extensiones-de-archivos/' target="_self">Tipos de extensiones de archivos</a></li>
<li><a href='http://www.ordenador.online/software/Software-financiero/' target="_self">Software financiero</a></li>
<li><a href='http://www.ordenador.online/software/GIMP/' target="_self">GIMP</a></li>
<li><a href='http://www.ordenador.online/software/Graphics-Software/' target="_self">Graphics Software</a></li>
<li><a href='http://www.ordenador.online/software/Software-Home-Recording/' target="_self">Software Home Recording</a></li>
<li><a href='http://www.ordenador.online/software/Microsoft-Access/' target="_self">Microsoft Access</a></li>
<li><a href='http://www.ordenador.online/software/Microsoft-Publisher/' target="_self">Microsoft Publisher</a></li>
<li><a href='http://www.ordenador.online/software/Microsoft-Word/' target="_self">Microsoft Word</a></li>
<li><a href='http://www.ordenador.online/software/Código-abierto/' target="_self">Código abierto</a></li>
<li><a href='http://www.ordenador.online/software/Otro-Software-Informática/' target="_self">Otro Software Informática</a></li>
<li><a href='http://www.ordenador.online/software/Juegos-de-PC/' target="_self">Juegos de PC</a></li>
<li><a href='http://www.ordenador.online/software/Photoshop/' target="_self">Photoshop</a></li>
<li><a href='http://www.ordenador.online/software/Formato-de-Documento-Portátil/' target="_self">Formato de Documento Portátil</a></li>
<li><a href='http://www.ordenador.online/software/PowerPoint/' target="_self">PowerPoint</a></li>
<li><a href='http://www.ordenador.online/software/Software-para-presentaciones/' target="_self">Software para presentaciones</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-Productividad/' target="_self">Software de Productividad</a></li>
<li><a href='http://www.ordenador.online/software/Quicktime/' target="_self">Quicktime</a></li>
<li><a href='http://www.ordenador.online/software/Gestión-de-Escritorio-remoto/' target="_self">Gestión de Escritorio remoto</a></li>
<li><a href='http://www.ordenador.online/software/SQL-Server/' target="_self">SQL Server</a></li>
<li><a href='http://www.ordenador.online/software/Skype/' target="_self">Skype</a></li>
<li><a href='http://www.ordenador.online/software/Software-versiones-beta/' target="_self">Software versiones beta</a></li>
<li><a href='http://www.ordenador.online/software/Consultores-de-Software/' target="_self">Consultores de Software</a></li>
<li><a href='http://www.ordenador.online/software/Las-compañías-de-desarrollo-de-software/' target="_self">Las compañías de desarrollo de software</a></li>
<li><a href='http://www.ordenador.online/software/Licencias-de-software/' target="_self">Licencias de software</a></li>
<li><a href='http://www.ordenador.online/software/Hojas-de-cálculo/' target="_self">Hojas de cálculo</a></li>
<li><a href='http://www.ordenador.online/software/Impuestos-Preparación-de-Software/' target="_self">Impuestos-Preparación de Software</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-utilidades/' target="_self">Software de utilidades</a></li>
<li><a href='http://www.ordenador.online/software/Web-Clip-Art/' target="_self">Web Clip Art</a></li>
<li><a href='http://www.ordenador.online/software/Windows-Media-Player/' target="_self">Windows Media Player</a></li>
<li><a href='http://www.ordenador.online/software/Software-de-Procesamiento-de-Texto/' target="_self">Software de Procesamiento de Texto</a></li>
<li><a href='http://www.ordenador.online/software/Facebook/' target="_self">Facebook</a></li>
<li><a href='http://www.ordenador.online/software/Twitter/' target="_self">Twitter</a></li>
<li><a href='http://www.ordenador.online/software/Instagram/' target="_self">Instagram</a></li>
<li><a href='http://www.ordenador.online/software/LinkedIn/' target="_self">LinkedIn</a></li>
<li><a href='http://www.ordenador.online/software/TikTok/' target="_self">TikTok</a></li>
<li><a href='http://www.ordenador.online/software/WhatsApp/' target="_self">WhatsApp</a></li>
<li><a href='http://www.ordenador.online/software/WordPress/' target="_self">WordPress</a></li>
<li><a href='http://www.ordenador.online/software/Chrome/' target="_self">Chrome</a></li>
<li><a href='http://www.ordenador.online/software/Discord/' target="_self">Discord</a></li>
<li><a href='http://www.ordenador.online/software/Amazon/' target="_self">Amazon</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimiento de la computadora © http://www.ordenador.online</div>
</div>
</body>
</html> 