¿Cuáles son los formatos de los estilos CSS en línea, externos e incrustados?
Estilos de esquema (pertenecientes a hojas de estilo externas)
Características:
1. ¡Hay un archivo CSS separado! [Por ejemplo: 001.css]
2. Primero, establezca una conexión con el archivo CSS [001.css] a través de Formato → Conexión de hoja de estilo.
3. Utilice class="nombre de estilo" en el lugar apropiado para llamar efectos de estilo específicos.
Por ejemplo: lt; link href="001.css" type="text/css" rel="Stylesheet"/gt
Estilo incrustado (pertenece al estilo interno) hoja)
Características:
1. ¡El contenido del atributo del estilo está escrito en el código de la página web en forma de código!
2. Primero, establezca el contenido del atributo del estilo a través de Formato → Estilo.
3. Utilice class="nombre de estilo" en el lugar apropiado para llamar efectos de estilo específicos.
Por ejemplo: lt; estilo tipo="text/css"gt;
.main{ ancho: 1002px; margen: 0 auto; ; /stylegt;
Estilo en línea (pertenece a la hoja de estilo interna)
Características:
1. ser modificado [Por ejemplo:
2. Formato específico: style="font-size: 10px; font-color: #ff0000"
Por ejemplo: modificar el texto en la celda
3. Incrustado
La forma más básica de escribir CSS es agregar código directamente al elemento de marcado modificado. El código de muestra es el siguiente:
lt;div style="font-family: Arial, Helvetica, sans-serif;"gt;Mangolt;/divgt;
Aunque esto es Más eficiente Intuitivo, pero aumenta considerablemente el tamaño de la página y no se ajusta a la idea de diseño de separación de estructura y rendimiento.
En general, los enlaces externos y los enlaces en línea tienen sus propias ventajas y se puede seleccionar el método en cascada adecuado en función de la situación real.
Información ampliada:
Herramientas de programación
Bloc de notas: Utilice el Bloc de notas que viene con el sistema Windows para editar páginas web. Simplemente guarde el documento con .html como sufijo al guardarlo.
Dreamweaver: Junto con Flash y Fireworks, se le conoce como los Tres Mosqueteros de la web. Dreamweaver es un editor web WYSIWYG que integra la producción de páginas web y la gestión de sitios web. Es el primer conjunto de herramientas de desarrollo web visuales especialmente desarrollado para diseñadores web profesionales. Se puede utilizar para crear fácilmente páginas web dinámicas.
Características del lenguaje
CSS proporciona una descripción de estilo para el lenguaje de marcado HTML y define el modo de visualización de los elementos. CSS es un gran avance en el campo del diseño web. Se puede utilizar para modificar un estilo pequeño para actualizar todos los elementos de la página relacionados con él.
En términos generales, CSS tiene las siguientes características:
Definiciones de estilo enriquecidas
CSS proporciona una apariencia de estilo de documento enriquecida, así como la capacidad de configurar texto y fondo. propiedades; le permite crear un borde para cualquier elemento, así como la distancia entre el borde del elemento y otros elementos, así como la distancia entre el borde del elemento y el contenido del elemento le permite cambiar las mayúsculas, la decoración, y otros efectos de página de texto a voluntad.
Fácil de usar y modificar
CSS puede definir el estilo en el atributo de estilo del elemento HTML, también puede definirlo en la parte del encabezado del documento HTML, o puede Declare el estilo en archivos CSS especiales para referencia en páginas HTML.
En resumen, las hojas de estilo CSS pueden almacenar y gestionar todas las declaraciones de estilo de forma unificada.
Además, los elementos del mismo estilo se pueden clasificar y definir usando el mismo estilo, también puedes aplicar un estilo determinado a todas las etiquetas HTML con el mismo nombre, o puedes asignar un estilo CSS a una ciertos elementos de la página. Si queremos modificar el estilo, solo necesitamos buscar la declaración de estilo correspondiente en la lista de estilos y modificarla.
Aplicaciones multipágina
Las hojas de estilos CSS se pueden almacenar en un archivo CSS independiente, de modo que podamos utilizar la misma hoja de estilos CSS en varias páginas. En teoría, las hojas de estilo CSS no pertenecen a ningún archivo de página y se puede hacer referencia a ellas en cualquier archivo de página. De esta forma, se pueden unificar los estilos de varias páginas.
Cascada
En pocas palabras, la cascada consiste en establecer el mismo estilo varias veces en un elemento, que utilizará el último valor de atributo establecido. Por ejemplo, si usa el mismo conjunto de hojas de estilos CSS para varias páginas de un sitio y desea usar otros estilos para algunos elementos en algunas páginas, puede definir una hoja de estilos separada para estos estilos y aplicarlos al página.
Estos estilos definidos posteriormente anularán la configuración de estilo anterior, y lo que verá en el navegador será el efecto de estilo establecido en último lugar.
Compresión de página
En los sitios web que utilizan HTML para definir los efectos de la página, a menudo se requiere una gran cantidad de tablas y elementos de fuente repetidos para formar estilos de texto de diversas especificaciones. es que Genera una gran cantidad de etiquetas HTML, aumentando así el tamaño del archivo de la página.
Poner la declaración de estilo por separado en la hoja de estilos CSS puede reducir en gran medida el tamaño de la página, por lo que el tiempo necesario para cargar la página también se reducirá considerablemente. Además, la reutilización de hojas de estilo CSS reduce el tamaño de la página y reduce el tiempo de descarga.
Material de referencia: Enciclopedia Baidu-CSS