CSS oculta balas

La hoja de estilo en cascada es un tipo adicional del idioma HTML que se utiliza para agregar diferentes sabores de estilo en el contenido HTML definido y creado dentro de las etiquetas HTML. Se desarrolla una página web, ya sea un sitio web estático o dinámico, utilizando los tres idiomas básicos: HTML, CSS y JavaScript. Pero nuestra preocupación es con los dos primeros idiomas, HTML y CSS. Ambos idiomas se complementan entre sí en el desarrollo y el diseño de la página web utilizando . CSS se compone principalmente de tres tipos: CSS en línea, interno y externo.

En este artículo, utilizamos el CSS en línea e interno para explicar las etiquetas de CSS. El usuario debe tener algún conocimiento sobre las etiquetas HTML y CSS. Al llegar a nuestro tema en discusión, hablaremos sobre las balas que juegan un papel importante en la alineación y el ensamblaje del contenido, ya sea texto o imágenes, etc., en el sitio web para crear un aspecto estético del sitio web al usuario.

Listas de CSS

Cuando hablamos de mostrar parte de nuestro contenido en el sitio web de una manera específica de demostración vertical, nos encontramos con las listas HTML. Esta característica se usa para mostrar el texto en forma de balas. Los dos tipos de listas están en HTML.

• Lista ordenada
  1. Lista desordenada

     Ambos tipos están diseñados a través de las balas CSS. Cada vez que creamos las listas, se forma usando balas o marcadores. La lista ordenada contiene la numeración de los datos. Mientras que la lista desordenada contiene discos, círculos, cuadrados o cualquier otra forma haciendo que la forma de la bala sea personalizable.

     A veces, no necesitamos ninguna bala para agregar a la lista. Simplemente queremos que el texto aparezca en la página sin símbolo o signo. Simplemente deseamos una lista simple que no tenga balas. Esto se hace utilizando una propiedad CSS que es la propiedad de tipo CSS Lista de estilo.

     Propiedad de tipo de estilo CSS-Syle

     Esta es la propiedad de CSS que se ocupa del estilo de los marcadores de los elementos de la lista. Esta propiedad es esencial cuando necesitamos aplicar cualquier bala a la lista o si queremos eliminar u ocultar la bala predeterminada. Usamos esta propiedad con las clases e IDS para especificar la lista en la que necesitamos aplicar el estilo de las balas. La sintaxis básica utilizada para la propiedad de la lista CSS es la siguiente:

     Tipo de estilo de lista: disco;

     Esto se escribe dentro de la etiqueta de estilo a la que se aplicará este efecto. Existen diferentes tipos de valores de propiedad que se aplican tanto en las listas ordenadas como en el desordenamiento. Pocos de ellos se mencionan en lo siguiente:

     Disco, círculo, cuadrado, decimal, inferior-romano, romano superior, latina inferior y latina superior, alfa inferior, ninguno.

     Ahora, usamos una de las balas para mostrar la implementación de la muestra de la lista con una bala en forma de disco.

     Usamos un código para mostrar simplemente la lista y las balas que se utilizan para definir una lista de forma predeterminada. No es necesario describir siempre el tipo de balas para la lista. Por defecto, se selecciona un tipo específico de bala en HTML. Pero aquí, usamos la bala en forma de disco dentro del código para explicar la declaración de la lista. Primero, considere la sección del HTML. Después de usar un encabezado simple, usamos una lista desordenada. Aquí se usa un estilo en línea.

     Esto muestra el tipo de bala que se aplicará a la lista desordenada. Dentro de

     etiqueta, usamos las tres listas. Cada línea usa el
     • Etiqueta a ser declarada. Y luego el
     La etiqueta está cerrada. En la sección principal, hicimos un estilo del encabezado dándole color. También podemos usar el estilo de lista en la parte de la cabeza como el estilo interno.

     Código HTML y CSS

     Guardar este código y luego ejecutamos este archivo HTML editor de texto en el navegador.

     Producción:

     Verá que todos los artículos están escritos en la lista. Para la lista ordenada, puede usar el decimal, el alfa inferior, el romano inferior, etc. mediante el uso de la misma propiedad de tipo de lista.

     Esconder balas

     Mediante el uso de la función de tipo CSS Lista de estilo, también podemos ocultar las balas. Para este propósito, no especificaremos el nombre de la bala, pero usaremos el "ninguno" como el valor de la propiedad. La sintaxis de estilo básico para que la lista oculte las balas es la siguiente:

     En esta implementación, utilizamos una lista desordenada, para mostrar ambas listas con balas y una sin balas. Entonces, comience con la parte de la cabeza del código HTML. Agregue un estilo al encabezado. El siguiente estilo es para la lista desordenada con una identificación eliminada. Dentro de la ID, utilizamos la propiedad de tipo de lista de listas sin valor.

     UL # eliminar
     Tipo de estilo de lista: Ninguno;
     Relleno: 0;

     El relleno es la distancia entre las líneas en la lista. Esta característica que agregamos esconde las balas de la lista. Del mismo modo, para ambas listas, utilizamos las alineaciones para el lado izquierdo y derecho de la página.

     Código CSS HTML:

     Después de la porción de la cabeza dentro del cuerpo, usamos primero un encabezado. Se crea y se alinea un DIV de acuerdo con CSS. Luego, se declara una lista simple y desordenada que tiene balas porque no usamos el ID de eliminación con esta lista. Todos los nombres de los sujetos están escritos en cada lista. Luego, cerramos la lista desordenada y el contenedor Div.

     A continuación, es la clase Div nuevamente que se coloca al lado del Div anterior. Usamos una identificación con la lista. Debido a esta identificación, se aplica el estilo "ninguno" y las balas están ocultas.

     Todos los elementos de la lista se declaran dentro de la lista. Cierre la lista, Div y el cuerpo HTML.

     Código de carrocería HTML:

     Ejecute el archivo HTML en el navegador. Verá que se forma una página web. Un lado de la lista tiene balas y el otro lado no tiene balas. De esta manera, este tipo de estilo de lista CSS nos ayuda a diseñar las balas o eliminarlas de la lista.

     Producción:

     Conclusión

     En este artículo, nuestro objetivo era arrojar una luz sobre algunas propiedades básicas pero importantes en CSS y HTML. Al principio, introdujimos algunos conocimientos básicos de CSS y HTML al destacar los tipos de CSS. Entre los tres tipos, nos centramos en el estilo interno con la propiedad de CSS en discusión. Luego, explicamos una parte importante de la página web HTML que se utiliza para crear y alinear el contenido de la página en una línea vertical que forma una lista. Ambos tipos de listas también se introducen con diferentes formas y tipos de balas. Luego, se explica la propiedad de tipo Lista CSS que es un ingrediente esencial en el estilo o eliminación del diseño de balas.

     En la implementación de la parte del código, primero implementamos un ejemplo para elaborar el funcionamiento de esta propiedad de estilo junto con las balas en la lista desordenada. El segundo ejemplo explica el uso combinado de la propiedad de estilo para agregar o eliminar las balas de la lista.