CSS saraksti ir ļoti noderīgi, lai sasniegtu numurētu vai aizzīmētu punktu kopu. Šis raksts jums parādīs, kā kontrolēt veidu, pozīciju, stilu izmantojot CSS. Šeit tiks apskatīti šādi rādītāji,
- CSS rekvizīti
- Saraksta stila tipa rekvizīts
- CSS saraksti: Programmas paraugs
- Marķieru vērtībasSaraksta stila pozīcijas īpašumā
Tad ļaujiet mums sākt darbu,
CSS saraksti
CSS rekvizīti
Ir pieci dažādi CSS rekvizīti, kuros to var izmantot, lai kontrolētu sarakstus:
- List-style-type: Tas ļauj mums kontrolēt marķiera formu vai izskatu.
- List-style-position: Tas norāda, ka garš punkts ir nepieciešams, lai ietītu otro rindu, vai arī tas jāsaskaņo ar pirmo līniju vai jāsākas ar marķieri.
- List-style-image: Tas norāda, ka marķiera attēls ir jāpievieno vai jāpadara pievilcīgāks, nevis aizzīmes vai numurēti punkti.
- Saraksta stils: tas parāda stenogrāfiju iepriekšējām īpašībām.
- Marķiera nobīde: Tas norāda attālumu starp marķieri un sarakstā ievadīto tekstu.
Šeit parasti tiek izmantoti šādi saraksti: list-style-type un list-style-position. Tas ir paskaidrots zemāk
Turpinot šo rakstu CSS sarakstos
Saraksta stila tipa rekvizīts
Saraksta stila tipa īpašumā tas ļauj jums kontrolēt aizzīmju vai marķiera formu un stilu nesakārtotā saraksta gadījumā. Sakārtotā saraksta gadījumā tās ir numerācijas rakstzīmes.
Zem tabulas, kurā attēloti nesakārtoti saraksti:
Vērtība | Apraksts |
Nav | NA |
Disks | Tas ir aizpildīts aplis. (Noklusējums) |
Aplis | Tas ir tukšs aplis. |
Kvadrāts | Tas ir aizpildīts laukumā. |
Zem tabulas, kurā attēloti pasūtītie saraksti:
Vērtība | Apraksts | Piemērs |
Decimālskaitlis | Tas ir skaitlis | 1,4,3 |
Decimāldaļa ar nulli | 0 pirms faktiskā skaita | 01, 04, 03 |
Zemākā alfa | Tā ir mazo burtu un ciparu rakstzīmes. | a, b, c, d |
Augšējā alfa | Tā ir lielo burtu un ciparu rakstzīmes. | A, B, C, D |
Lejas-romiešu | Tās ir mazie romiešu cipari. | i, ii, iii, iv, v |
Augšējā romiešu valoda | Tas ir lielie romiešu cipari. | I, II, III, IV, V |
Lejasgrieķu | Marķieris ir grieķu valodā | alfa, gamma |
Apakšējā latīņu valoda | Marķieris ir latīņu valodā | a, b, c, d |
Augšējā latīņu valoda | Marķieris ir augšējā latīņu valodā | A, B, C, D |
Turpinot šo rakstu CSS sarakstos
CSS saraksti: Programmas paraugs
- Java
- Python
- Stūraina
- Java
- Python
- Stūraina
- Java
- Python
- Stūraina
- Java
- Python
- Stūraina
- Java
- Python
- Stūraina
Rezultāts
Turpinot šo rakstu CSS sarakstos
Saraksta stila pozīcijas rekvizīts
Marķieru vērtības saraksta stila pozīcijā
Rekvizītā saraksta stila pozīcija parāda, ka marķierim jāparādās lodziņā ar aizzīmēm vai ārpus tās. Tam var būt viena no divām vērtībām:
Vērtība | Apraksts |
Nav | NA |
Iekšā | Šajā gadījumā, ja teksts iet otrajā rindā, teksts tiks iesaiņots zem marķiera. Tas arī parādīs, kur teksts būtu sācies, ja sarakstos būtu ārpusē. |
ārā | Šajā gadījumā, ja teksts nonāk otrajā rindā, teksts tiks izlīdzināts ar pirmās rindas sākumu. |
Piemērs:
- Matemātika
- Sociālā zinātne
- Fizika
- Matemātika
- Sociālā zinātne
- Fizika
- Matemātika
- Sociālā zinātne
- Fizika
- Matemātika
- Sociālā zinātne
- Fizika
Rezultāts
Tas mūs noved pie šī raksta par CSS sarakstiem beigām.
ko papildinājums dara java
Pārbaudiet mūsu kas nāk ar instruktoru vadītu tiešraides apmācību un reālās dzīves projektu pieredzi. Šīs apmācības ļauj jums prasmīgi strādāt ar aizmugurējām un priekšējām tīmekļa tehnoloģijām. Tas ietver apmācību par Web izstrādi, jQuery, Angular, NodeJS, ExpressJS un MongoDB.
Vai mums ir jautājums? Lūdzu, pieminējiet to raksta komentāru sadaļā, un mēs ar jums sazināsimies.