Html <style> etiqueta
Nota: Los estilos incrustados tienen la máxima prioridad, y las hojas de estilo externas, la mínima. Esto significa que si especificas estilos para un elemento tanto en hojas de estilo incrustadas como externas, las reglas de estilo en conflicto de la hoja de estilo incrustada prevalecerán sobre la hoja de estilo externa.
El atributo style incluye una serie de pares de propiedades y valores CSS. Cada par “propiedad: valor” está separado por un punto y coma (;), tal y como se escribiría en una hoja de estilo incrustada o externa. Pero tiene que estar todo en una línea, es decir, sin salto de línea después del punto y coma, como se muestra aquí:
El uso de estilos en línea suele considerarse una mala práctica. Como las reglas de estilo se incrustan directamente dentro de la etiqueta HTML, hace que la presentación se mezcle con el contenido del documento; lo que hace que el código sea difícil de mantener y anula el propósito de usar CSS.
Nota: Es imposible aplicar estilos a pseudo-elementos y pseudo-clases con estilos en línea. Por lo tanto, debes evitar el uso de atributos de estilo en tu código. El uso de hojas de estilo externas es la forma preferida de añadir estilos a los documentos HTML.
Archivo 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”.
CSS en línea
Si estás construyendo un sitio web, HTML es tu mejor amigo. Con él creas todo el contenido de tu página, incluidos encabezados, párrafos, imágenes, tablas, formularios, listas, etcétera. Sin embargo, no puedes controlar el aspecto de estos elementos en la página, al menos no sólo con HTML. Por eso tenemos CSS.
CSS determina el aspecto del contenido de una página web cuando se muestra en el navegador. Puede utilizarse para una gran variedad de fines estilísticos, desde cambiar los colores y animar elementos hasta determinar el diseño completo de la página.
El CSS en línea anula cualquier otro CSS que se aplique al mismo elemento. Al ser el más “cercano” al HTML, los navegadores determinan que las declaraciones CSS en línea son las más relevantes para el elemento HTML y las que deben aplicarse.
Por esta razón, el CSS en línea es eficaz para un único elemento con propiedades de estilo únicas. Sin embargo, debe evitarse si es posible utilizar CSS interno o externo, ya que el CSS en línea es difícil de mantener y generalmente se considera una mejor práctica mantener el HTML y el CSS separados.
Etiqueta de estilo css
Colocar CSS en un archivo HTML es tan importante como utilizarlo. CSS se puede añadir al archivo HTML de tres maneras diferentes. En línea, interna y externa. Mientras se carga la página, añadir CSS al archivo HTML afecta a los estilos y animaciones que se cargan.
Como su propio nombre indica, en línea. Inline CSS se utiliza dentro de la etiqueta a la que queremos aplicar. Inline CSS se utiliza cuando tenemos que aplicar un estilo específico a cualquier etiqueta. Inline CSS tiene la máxima prioridad. Inline CSS se considera una mala práctica para utilizar CSS en cualquier archivo HTML porque hace que el código sea muy grande y difícil de entender y también aumenta el tiempo de carga de la página.
El CSS interno se utiliza en el mismo archivo HTML pero dentro de la etiqueta style en la sección head. El CSS interno tiene menos prioridad que el CSS en línea, pero es superior al CSS externo. En CSS Interno tenemos que usar el selector para referirnos al elemento HTML. Los selectores se utilizan para etiquetar o identificar los elementos en el archivo CSS. Para saber más acerca de los selectores por favor consulte el artículo Selectores en CSS.