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/¿Tenemos-la-posibilidad-de-ampliar-Imprimir-.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/Cómo-hacer-un-formulario-básico-con-InDesign-CS4-.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/Cómo-hacer-un-CD-Inserte-la-cubierta-.html">Cómo hacer un CD Inserte la cubierta </a></dd><dd><a href="http://www.ordenador.online/software/edición/Cómo-usar-Photoshop-Elements-en-Windows-Vista-.html">Cómo usar Photoshop Elements en Windows Vista </a></dd><dd><a href="http://www.ordenador.online/software/edición/Adobe-Page-Maker-Tutorial-.html">Adobe Page Maker Tutorial </a></dd><dd><a href="http://www.ordenador.online/software/edición/Cómo-crear-una-imagen-panorámica-.html">Cómo crear una imagen panorámica </a></dd><dd><a href="http://www.ordenador.online/software/edición/Cómo-hacer-fotos-Deluxe-funciona-en-Windows-XP-.html">Cómo hacer fotos Deluxe funciona en Windows XP </a></dd><dd><a href="http://www.ordenador.online/software/edición/Cómo-importar-archivos-PagePlus-.html">Cómo importar archivos PagePlus </a></dd><dd><a href="http://www.ordenador.online/software/edición/Cómo-hacer-un-Certificado-de-Autor-.html">Cómo hacer un Certificado de Autor </a></dd><dd><a href="http://www.ordenador.online/software/edición/¿Cuál-es-líder-en-InDesign-.html">¿Cuál es líder en InDesign </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/Cómo-hacer-folletos-conmemorativos-gratis-.html" >Cómo hacer folletos conmemorativos gratis </a> </li><li><a href="http://www.ordenador.online/software/edición/Historia-y-Antecedentes-de-la-Edwardian-script-ITC-Fuente-.html" >Historia y Antecedentes de la Edwardian script ITC Fuente </a> </li><li><a href="http://www.ordenador.online/software/edición/Cómo-crear-un-diagrama-de-flujo-básico-Usar-Visio-Microsoft-Office-Online-.html" >Cómo crear un diagrama de flujo básico Usar Visio Microsoft Office Online </a> </li><li><a href="http://www.ordenador.online/software/edición/Programas-como-imprenta-.html" >Programas como imprenta </a> </li><li><a href="http://www.ordenador.online/software/edición/Cómo-utilizar-los-archivos-Docx-.html" >Cómo utilizar los archivos Docx </a> </li><li><a href="http://www.ordenador.online/software/edición/Cómo-instalar-varias-instancias-de-Adobe-Acrobat-.html" >Cómo instalar varias instancias de Adobe Acrobat </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/¿Qué-es-el-EXE-para-SQL-Enterprise-Manager-.html" >¿Qué es el EXE para SQL Enterprise Manager </a></li><li> <a href="http://www.ordenador.online/software/edición/¿Cómo-puedo-cambiar-la-paleta-de-Photoshop-tamaños-de-fuente-.html" >¿Cómo puedo cambiar la paleta de Photoshop tamaños de fuente </a></li><li> <a href="http://www.ordenador.online/software/edición/Tipos-de-papel-para-tarjetas-de-visita-.html" >Tipos de papel para tarjetas de visita </a></li><li> <a href="http://www.ordenador.online/software/edición/Cómo-eliminar-archivos-duplicados-.html" >Cómo eliminar archivos duplicados </a></li><li> <a href="http://www.ordenador.online/software/edición/Cómo-hacer-un-gráfico-en-XP-.html" >Cómo hacer un gráfico en XP </a></li><li> <a href="http://www.ordenador.online/software/edición/Cómo-dar-formato-a-un-libro-de-color-de-los-niños-para-Kindle-.html" >Cómo dar formato a un libro de color de los niños para Kindle </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>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html> 