Tecnología

Inicio

¿Qué es el atributo de bloque utilizado en el CSS?

April 22

CSS significa Cascading Style Sheets y es un código de desarrollador web que se utiliza para definir el formato de una página web. Los desarrolladores web pueden utilizar CSS en combinación con HTML para definir cómo debería aparecer el código HTML de una página. Puede añadir CSS directamente en una sola página Web mediante la especificación de la definición de estilo en la etiqueta "<head>" de la página o hacer referencia a un ".css" hoja de estilos externa.

Elementos de la pantalla HTML

Todas las etiquetas HTML se muestran como etiquetas de estilo en línea o bloque. etiquetas HTML en línea son elementos que sólo se ocupan tanto de ancho como sea necesario. Ejemplos de etiquetas HTML que tienen la línea de atributo incluye etiquetas de anclaje, las etiquetas de imagen o las etiquetas de entrada. las etiquetas HTML de bloque son elementos que abarcan todo el ancho de la página y pasar cualquier texto o etiquetas antes o después de ellos a una nueva línea. Ejemplos de etiquetas HTML que tienen el atributo de bloque incluyen etiquetas de encabezado, las etiquetas de párrafo, las etiquetas de lista, etiquetas o tags pestaña bloque de cita.

El uso de CSS en línea Atributo

Mediante el uso de CSS se puede cambiar lo que normalmente etiquetas HTML-estilo de bloque de inline etiquetas, utilizando la "etiqueta {display: inline}" código, y la sustitución de "etiqueta" con la etiqueta de bloque HTML que desea convertir en un elemento en línea. Mediante el uso de este código CSS, puede crear una lista que se extiende horizontalmente en lugar de verticalmente, por ejemplo. Debe agregar el código CSS para la hoja de estilo CSS o para la definición de estilo en la etiqueta "<head>" de la página.

Usando el atributo de bloque en CSS

El uso de CSS también se puede cambiar lo que normalmente las etiquetas HTML de estilo en línea en una variable de bloque utilizando la "etiqueta {display: block}" código, y la sustitución de "etiqueta" con la etiqueta HTML en línea que desea convertir en un elemento de bloque. Este código CSS le da la posibilidad de colocar un enlace de imagen o de anclaje en una línea por sí mismo, por ejemplo. Debe agregar el código CSS para la hoja de estilo CSS o para la definición de estilo en la etiqueta "<head>" de la página.

Compatibilidad del navegador

El CSS "bloque" y el código de propiedad de presentación "en línea" es compatible con las pantallas correctamente en todos los navegadores web como Internet Explorer, Firefox, Safari, Safari (Windows), Chrome y Opera. Esto permite a los desarrolladores web para implementar la propiedad display "bloque" dentro de los proyectos con el apoyo total del navegador. Esto no significa, sin embargo, que cada navegador hará que el HTML y CSS de la misma. Los desarrolladores web deben probar los sitios web en todos los navegadores de las diferencias en la representación.