Cómo se puede utilizar css en una página web

Inicio » Cómo se puede utilizar css en una página web

Css rules

CSS helps you to keep the informational content of a document separate from the details of how to display it. The details of how to display the document are known as its style. You keep the style separate from the content so that you can:

Your web site might have thousands of pages that look similar. Using CSS, you store the style information in common files that all the pages share. When a user displays a web page, the user’s browser loads the style information along with the content of the page. When a user prints a web page, you might provide different style information that makes the printed page easy to read.

In general, you use HTML to describe the content of the document, not its style; you use CSS to specify its style, not its content. There are exceptions to this rule, of course, and HTML also provides some ways to specify style. For example, in HTML you can use a <b> tag to make text bold, and you can specify the background colour of a page in its <body> tag. When you use CSS, you normally avoid using these HTML style features so that all your document’s style information is in one place.

Css se puede utilizar para diseñar la página web verdadero o falso

Para algunos de ustedes, esto puede sonar como un artículo realmente patético. Pero deberías darle una oportunidad porque no escribo sobre cosas que nunca vas a usar. Evito la cháchara marginal y friki de la torre de marfil como un gato evita el agua.

He leído cientos (tristemente, esto es cierto) de esos libros para empollones de 5 centímetros de grosor (no salgo mucho) y no soporto que la gente desperdicie papel en ese tipo de cosas generalmente inútiles. ¡Así que sigue leyendo, estudiante ansioso, y estarás bien encaminado para construir tus propios sitios web asesinos!

Permíteme explicarte: Netscape no puede manejar la mayor parte del CSS más allá de la configuración de la fuente y los colores, si encuentra cualquier otro tipo de CSS puede hacer que el buen Netscape 4 se bloquee en algunas ocasiones o, como mínimo, que se estropee tu página.

Netscape 4 no entiende el método @import para enlazar a una hoja de estilo como lo hacen los navegadores más nuevos, por lo que Netscape simplemente lo ignora. Puede usar esto para ocultar el código CCS en la hoja de estilo externa usando el método @import para que todos los navegadores buenos puedan hacer referencia a él mientras se mantiene a Netscape 4 fuera de la imagen.

Qué es un selector css

Cuando un navegador muestra un documento, debe combinar el contenido del documento con su información de estilo. Para ello, procesa el documento en una serie de etapas, que hemos enumerado a continuación. Ten en cuenta que esta es una versión muy simplificada de lo que ocurre cuando un navegador carga una página web, y que diferentes navegadores manejarán el proceso de diferentes maneras. Pero esto es más o menos lo que sucede.

Sobre el DOMA El DOM tiene una estructura de árbol. Cada elemento, atributo y trozo de texto del lenguaje de marcado se convierte en un nodo del DOM en la estructura de árbol. Los nodos se definen por su relación con otros nodos del DOM. Algunos elementos son padres de nodos hijos, y los nodos hijos tienen hermanos.

Entender el DOM te ayuda a diseñar, depurar y mantener tu CSS porque el DOM es donde tu CSS y el contenido del documento se encuentran. Cuando empieces a trabajar con DevTools del navegador, navegarás por el DOM mientras seleccionas elementos para ver qué reglas se aplican.Una representación real del DOMEn lugar de una explicación larga y aburrida, veamos un ejemplo para ver cómo un fragmento real de HTML se convierte en un DOM.

Por qué usar css

CSS can be applied to HTML or XHTML using three methods: linked, embedded, and inline. In the linked method, the CSS is stored in a separate file, instead of directly in the HTML page. In the embedded method, CSS is stored as part of the HTML page, in the header section. In the inline method, CSS is stored directly in the style attributes of the HTML tags, as <div style=”font-weight:bold”>Bold Font</div>.

The neatest method is probably the linked one, but the other ones are convenient and quick in the phases of prototyping a web page. The embedded and inline methods do not require having a separate file. The inline method saves you the trouble of considering what CSS classes your document should have. For a larger site, in which many web pages share the same styling, and in which the styling should be customizable by the user, the linked method is the only viable option.

With linked CSS, CSS rules are stored in a separate file. To refer to that file from the HTML page, add the link element (and its closing element within XHTML) to the head element, as shown in the following example, which assumes that the stylesheet is stored in the file named “style.css”.

Ir arriba