Cómo insertar codigo CSS en HTML
Tutorial HTML » insertar codigo CSS en HTML
CSS: hojas de estilo en cascada.
CSS describe cómo los elementos HTML deben mostrarse en la pantalla, en papel o en otros medios.
CSS ahorra mucho trabajo. Puede controlar la apariencia de varias páginas web simultáneamente.
CSS se puede agregar a elementos HTML de 3 formas:
Inline: mediante el uso del atributo de estilo en elementos HTML
Interno: usando un elemento <style> en la sección
Externo: usando un archivo CSS externo
La forma más común de agregar CSS es mantener los estilos en archivos CSS separados. Sin embargo, aquí usaremos el estilo interno y en línea, porque esto es más fácil de probar y más fácil para usted probarlo usted mismo.
CSS en línea - ejemplo
Se utiliza un CSS en línea para aplicar un estilo único a un solo elemento HTML.
Un CSS en línea usa el atributo de estilo de un elemento HTML.
Este ejemplo establece el color del texto del elemento <p> en azul y el tamaño de 26px
<!DOCTYPE html>
<html>
<head>
<title> CSS en línea </title>
</head>
<body>
<h1> Definición y uso de CSS en línea en HTML </h1>
<p style = "color: blue; font-size: 26px">
Aquí usé CSS en línea en HTML </p>
</body>
</html>
Como poner insertar codigo CSS interno en HTML - ejemplos
Se utiliza un CSS interno para definir un estilo para una sola página HTML. Un CSS interno se define en la sección <head> de una página HTML, dentro de un elemento <style>:
<!DOCTYPE html>
<html>
<head>
<title> Color del texto </title>
<style>
h1 {color: green;}
p {color: purple;}
</style>
</head>
<body>
<h1> CSS interno o CSS incrustado: cursos de diseño web en línea </h1>
<p> Curso de introducción a la programación con especialización en Desarrollo Web.
Este curso tiene como objetivo presentarle paso a paso en Diseño Web (CSS). </p>
<p> Cursos web profesionales para ambos
principiantes y experimentados. </p>
</body>
</html>
CSS externo: hojas de estilo externas
Una hoja de estilo externa es ideal cuando el estilo se aplica a varias páginas.
Una hoja de estilo externa contiene todas las reglas de estilo en un documento separado que puede vincular desde cualquier documento HTML en su sitio.
Las hojas de estilo externas son las más flexibles, porque con una hoja de estilo externa, puede cambiar la apariencia de un sitio web completo actualizando solo un archivo.
Puede adjuntar hojas de estilo externas de dos formas: conectando e importando:
Encuadernación de hojas de estilo externas
Una hoja de estilo externa se puede vincular a un documento HTML mediante la etiqueta <link>.
La etiqueta
<link> está en la sección
<head>, como se muestra aquí:
<!DOCTYPE html>
<html>
<head>
<title> CSS externo: hojas de estilo externas </title>
<link rel = "stylesheet" href = "style.css">
</head>
<body>
<h1> HTML en CSS externo: hojas de estilo externas </h1>
<h2> Encuadernación de hojas de estilo externas </h2>
<p> Una hoja de estilo externa como <strong>style.css</strong> contiene todas las reglas
estilo en un documento separado que puede conectar
desde cualquier documento HTML en su sitio </p>
</body>
</html>
Etiquetas: Cómo incrustar CSS en HTML, como poner css en html, como insertar css en html, como poner estilos css en html, como poner insertar codigo css en html, Cómo incluir CSS en un documento XHTML
Cómo insertar codigo CSS en HTML - html.es
This tool makes it easy to create, adjust, and experiment with custom colors for the web.
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.
Find here examples of creative and unique website layouts.
Find here examples of creative and unique website CSS HTML menu.