Tecnología

Inicio

¿Cómo encontrar el CSS de una página Web

July 9

Cascading Style Sheets es un lenguaje que determina la apariencia, sensación y el diseño de un sitio web que utiliza HTML, XHTML o XML. Aunque aquellos que deseen aprender CSS pueden utilizar tutoriales, deberían complementar este conocimiento mirando el CSS de las páginas web que admiran de ejemplos del mundo real. Muy a menudo, los diseñadores y programadores colocan el CSS en un archivo .css externo y enlazar con él desde la página HTML. El conocimiento de los identificadores de CSS le ayudará a encontrar el CSS de una página Web.

Instrucciones

1 Encontrar una página Web que tiene un elemento de diseño que desea emular. Haga clic derecho en el fondo del sitio. Evitar hacer clic en los enlaces o imágenes, ya que esto le dará un menú diferente.

2 Seleccione la opción "Ver código fuente" si está utilizando Internet Explorer y "Ver código fuente" si está usando Firefox. Una nueva ventana se abrirá con todo el código de esa página.

3 Buscar en el documento de <style type = "text / css">. Este es el código que indica al navegador que el lenguaje CSS seguirá. Toda la información entre esa etiqueta y </ style> es el CSS interno de la página web, lo que significa que sólo se aplica a esa página.

4 Busque entre las etiquetas <head> y </ head> de un enlace a una hoja de estilos externa. El código debe ser algo como esto: <link rel = "stylesheet" type = "text / css" href = style.css ". /> El" tipo "puede variar, pero los" link rel = 'estilo' "permanecerá misma y es la clave para localizar el archivo CSS externo.

5 Hightlight, haga clic derecho y copiar el nombre del archivo CSS, que en el caso anterior sería "style.css". Pega esto poco después de la raíz del sitio web. Por ejemplo, si la página que está navegando se encuentra en http://mysite.com/about.html, que le pega el código después de "http://mysite.com" para hacer "http://mysite.com/ style.css ". Si el nombre es hiper-vinculado, simplemente haga clic para acceder al archivo CSS.

Consejos y advertencias

  • Algunos sitios web no almacenan el archivo CSS en el directorio raíz. En este caso, vaya a la página principal del sitio web y tratar de pegar el nombre del archivo CSS después de ese enlace.
  • Firefox ofrece una extensión llamada "Firebug", que permite aislar zonas específicas y encontrar la CSS que controla esa zona.