Tipos de CSS en el Código Fuente

  • Autor Autor Alvarous
  • Fecha de inicio Fecha de inicio
A

Alvarous

Beta
Redactor
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Amigos he visto en algunas paginas el css aparece ordenado, les presento un ejemplo:

Aca

En otras paginas he visto que estan todos juntos sin entender mucho lo que tienen pero funcionan igual.

Les dejo un ejemplo:

Insertar CODE, HTML o PHP:
<style>article,aside,footer,header,nav,section{display:block}audio:not([controls]){display:none;height:0}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,input{font-family:sans-serif}body{margin:0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}strong{font-weight:bold}p,pre{margin:1em 0}pre{font-family:monospace,serif;_font-family:'courier new' , monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}ul{margin:1em 0}ul{padding:0 0 0 40px}nav ul{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}form{margin:0}input{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}input{line-height:normal}input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}input::-moz-focus-inner{border:0;padding:0}*{margin:0;padding:0;vertical-align:baseline}body{margin:0;padding:0;font:14px 'Open Sans',sans-serif;color:#555;background:#f4f4f4;text-align:left}.screen-reader-text{position:absolute;left:-9999px;top:-9999px}.clear{clear:both}h2,h3{font-weight:normal;margin:0 0 10px 0}</style>

De ante mano muchas gracias!:encouragement:
 
Última edición:
Y cual es tu pregunta? o duda?... el 1° esta normal, el 2° esta comprimido para ocupar menos espacio y cargar mas rapido...
 
Tal y como te comenta ese es el motivo aunque muchos cms comprimen pero dejan intactos sus archivos solo se ven cara a los demás de ese modo. Y al mismo tiempo dificultas que te copien el código X ya que deben leerlo mejor.
 
Compañero, te olvidaste de comentar tu duda, jaja.
Es lo mismo que esté ordenado y desordenado, funciona de las mismas maneras.
 
Esa era mi duda por que aparecian asi, Jajaja perdon por no dejarlo claro.

Aprovechando, como comprimo un código fuente?

Gracias a todos, ya encontre generadores para comprimir, agradezco a los que dejaron clara mi duda. :encouragement:
 
Última edición:
El primero está en un archivo externo style.css y el segundo está en el .html o .php
 
Atrás
Arriba