CSS nascondi proiettili

Il foglio di stile a cascata è un ulteriore tipo di lingua HTML che viene utilizzato per aggiungere sapori in stile diverso nel contenuto HTML definito e creato all'interno dei tag HTML. Una pagina web, che si tratti di un sito Web statico o dinamico, viene sviluppata utilizzando i tre lingue di base: HTML, CSS e JavaScript. Ma la nostra preoccupazione è per le prime due lingue, HTML e CSS. Entrambe le lingue si completano a vicenda nello sviluppo e nella progettazione della pagina web utilizzando . CSS è composto principalmente da tre tipi: CSS in linea, interni ed esterni.

In questo articolo, utilizziamo il CSS interno e interno per spiegare i tag di CSS. L'utente deve avere una certa conoscenza dei tag HTML e CSS. Venendo al nostro argomento in discussione, parleremo dei proiettili che svolgono un ruolo significativo nell'allineamento e nell'assemblaggio del contenuto, del testo o delle immagini, ecc., sul sito Web per creare un aspetto estetico del sito Web all'utente.

Elenchi CSS

Quando parliamo di visualizzare alcuni dei nostri contenuti sul sito Web in un modo specifico di dimostrazione verticale, ci imbattiamo nelle liste HTML. Questa funzione viene utilizzata per visualizzare il testo sotto forma di proiettili. I due tipi di elenchi sono in HTML.

• Lista ordinata
  1. Lista non ordinata

     Entrambi i tipi sono disegnati attraverso i proiettili CSS. Ogni volta che creiamo gli elenchi, viene formato utilizzando proiettili o marcatori. L'elenco ordinato contiene la numerazione dei dati. Mentre l'elenco non ordinato contiene dischi, cerchi, quadrati o qualsiasi altra forma rendendo personalizzabile la forma del proiettile.

     A volte, non abbiamo bisogno di alcun proiettile da aggiungere all'elenco. Vogliamo semplicemente che il testo appaia sulla pagina senza alcun simbolo o segno. Desideriamo solo un semplice elenco che non ha proiettili. Questo viene fatto utilizzando una proprietà CSS che è la proprietà di tipo CSS in stile elenco.

     Proprietà CSS List-Syle

     Questa è la proprietà di CSS che si occupa dello stile dei marcatori degli elementi dell'elenco. Questa proprietà è essenziale quando dobbiamo applicare qualsiasi proiettile all'elenco o se vogliamo rimuovere o nascondere il proiettile predefinito. Usiamo questa proprietà con le classi e gli ID per specificare l'elenco su cui dobbiamo applicare lo stile dei proiettili. La sintassi di base utilizzata per la proprietà dell'elenco CSS è la seguente:

     tipo elenco: disco;

     Questo è scritto all'interno del tag di stile a cui questo effetto deve essere applicato. Esistono diversi tipi di valori di proprietà che vengono applicati sia sugli elenchi ordinati che non ordinati. Pochi di loro sono menzionati di seguito:

     Disco, cerchio, quadrato, decimale, inferiore-romano, superiore-romano, inferiore latino e latino superiore, alfa inferiore, nessuno.

     Ora, usiamo uno dei proiettili per mostrare l'implementazione del campione dell'elenco con un proiettile a forma di disco.

     Usiamo un codice per visualizzare semplicemente l'elenco e i proiettili utilizzati per definire un elenco per impostazione predefinita. Non è necessario descrivere sempre il tipo di proiettili per l'elenco. Per impostazione predefinita, un tipo specifico di proiettile è selezionato in HTML. Ma qui, usiamo il proiettile a forma di disco all'interno del codice per spiegare la dichiarazione dell'elenco. Innanzitutto, considera la sezione dell'HTML. Dopo aver usato una semplice intestazione, utilizziamo un elenco non ordinato. Uno stile in linea viene utilizzato qui.

     Questo mostra il tipo di proiettile da applicare all'elenco non ordinato. Dentro il

     tag, utilizziamo i tre elenchi. Ogni riga utilizza il
     • tag da dichiarare. E poi il
     Il tag è chiuso. Nella sezione della testa, abbiamo fatto un po 'di stile dell'intestazione dandogli colore. Possiamo anche usare lo stile dell'elenco nella porzione di testa come stile interno.

     Codice HTML e CSS

     Salva questo codice e quindi eseguiamo questo file html dell'editor di testo nel browser.

     Produzione:

     Vedrai che tutti gli elementi sono scritti nell'elenco. Per l'elenco ordinato, è possibile utilizzare il decimale, l'alfa inferiore, il romano inferiore, ecc. utilizzando la stessa proprietà di tipo elenco.

     Nascondere proiettili

     Usando la funzione di tipo CSS elenco, possiamo anche nascondere i proiettili. A tale scopo, non specificheremo il nome del proiettile, ma useremo il "nessuno" come valore per la proprietà. La sintassi in stile di base per l'elenco per nascondere i proiettili è la seguente:

     In questa implementazione, utilizziamo un elenco non ordinato, per visualizzare entrambi gli elenchi con proiettili e uno senza proiettili. Quindi, inizia con la parte della testa del codice HTML. Aggiungi uno stile all'intestazione. Lo stile successivo è per l'elenco non ordinato con un ID rimosso. All'interno dell'ID, utilizziamo la proprietà di tipo elenco di nessun valore.

     Ul # Rimuovi
     Tipo elenco: nessuno;
     Imbottitura: 0;

     L'imbottitura è la distanza tra le linee nell'elenco. Questa funzione che abbiamo aggiunto nasconde i proiettili dall'elenco. Allo stesso modo, per entrambi gli elenchi, utilizziamo gli allineamenti per il lato sinistro e destro della pagina.

     Codice HTML CSS:

     Dopo la parte della testa all'interno del corpo, usiamo prima una voce. Un div viene creato e allineato a sinistra secondo CSS. Quindi, viene dichiarato un semplice elenco non ordinato con proiettili con esso perché non abbiamo usato l'ID Rimuovi con questo elenco. Tutti i nomi degli argomenti sono scritti in ogni elenco. Quindi, chiudiamo l'elenco non ordinato e il contenitore div.

     Successivamente, è di nuovo la classe Div che viene posizionata accanto al Div precedente. Usiamo un ID con l'elenco. A causa di questo ID, viene applicato lo stile "nessuno" e i proiettili sono nascosti.

     Tutti gli elementi nell'elenco sono dichiarati all'interno dell'elenco. Chiudi l'elenco, Div e il corpo HTML.

     Codice corporeo HTML:

     Esegui il file HTML sul browser. Vedrai che si forma una pagina web. Un lato dell'elenco ha proiettili e l'altra parte non ha proiettili. In questo modo, questo tipo di stile CSS ci aiuta a modellare i proiettili o rimuoverli dall'elenco.

     Produzione:

     Conclusione

     In questo articolo, abbiamo mirato a far luce su alcune proprietà fondamentali ma importanti in CSS e HTML. All'inizio, abbiamo introdotto alcune conoscenze di base di CSS e HTML evidenziando i tipi di CSS. Tra tutti e tre i tipi, ci siamo concentrati sullo stile interno con la proprietà di CSS in discussione. Quindi, abbiamo spiegato una parte importante della pagina web HTML che viene utilizzata per creare e allineare il contenuto della pagina in una linea verticale che forma un elenco. Entrambi i tipi di elenchi sono anche introdotti con diverse forme e tipi di proiettili. Quindi, viene spiegata la proprietà di tipo CSS in stile elenco che è un ingrediente essenziale nello styling o nella rimozione del layout di proiettili.

     Nell'implementazione della parte del codice, abbiamo prima implementato un esempio per elaborare il funzionamento di questa proprietà di stile insieme ai proiettili nell'elenco non ordinato. Il secondo esempio spiega l'uso combinato della proprietà di stile per aggiungere o rimuovere i proiettili dall'elenco.