Paano Pinakamahusay na Gumagamit ng Mga Listahan ng CSS?



Ipakilala ka ng artikulong ito sa Mga Listahan ng CSS at sa proseso ay makakatulong sa iyo na maunawaan kung paano gumagana ang estilo ng Listahan ng CSS sa isang pagpapakita.

Ang mga listahan ng CSS ay lubos na kapaki-pakinabang sa pag-abot sa isang hanay ng alinman sa bilang o may puntos na mga puntos. Ipapakita sa iyo ng artikulong ito kung paano makontrol ang uri, posisyon, istilo ng gamit ang CSS. Saklaw dito ang mga sumusunod na Turo,

Kaya't magsimula tayo noon,





Mga Listahan ng CSS

Mga Katangian ng CSS

Mayroong limang magkakaibang mga katangian ng CSS kung saan maaari mo itong magamit upang makontrol ang mga listahan:

  • Listahan-style-type: Pinapayagan kaming kontrolin ang hugis o ang hitsura ng marker.
  • Listahan ng istilo ng istilo: Tinutukoy nito na kailangan ng isang mahabang punto upang ibalot sa isang pangalawang linya o dapat na nakahanay sa unang linya o magsimula sa marker.
  • Listahan-style-imahe: Tinutukoy nito na ang isang imahe para sa marker ay dapat idagdag o gawing mas kaakit-akit kaysa sa mga bala o bilang ng puntos.
  • Listahan ng istilo: Ipinapakita nito ang maikling salita sa mga naunang katangian.
  • Marker-offset: Tinutukoy nito ang distansya sa pagitan ng marker at ang teksto na ipinasok sa listahan.

Narito ang karaniwang ginagamit na listahan ay: list-style-type at list-style-posisyon. Ipinaliwanag ito sa ibaba



Nagpapatuloy sa artikulong ito sa Mga Listahan ng CSS

Ang listahang-style-type na Pag-aari

Sa pag-aari ng uri ng istilo ng listahan, ipaalam sa iyo na makontrol ang hugis at istilo ng mga puntos ng bala o marker sa hindi naayos na kaso ng listahan. Sa inorder na listahan ng kaso ito ay bilang ng mga character.

Sa ibaba ng talahanayan na kumakatawan sa mga hindi naayos na listahan:



Halaga Paglalarawan
Wala NA
Disc Napuno ito sa bilog. (Default na isa)
Bilog Ito ay isang walang laman na bilog.
Kuwadro Ito ay napuno-sa parisukat.

Sa ibaba ng talahanayan na kumakatawan sa mga naka-order na listahan:

Halaga Paglalarawan Halimbawa
Desimal Ito ay isang numero1,4,3
Desimal na humahantong sa zero 0 bago ang aktwal na numero01, 04, 03
Mababang-alpha Ito ay maliliit na alphanumeric character.a B C D
Itaas-alpha Ito ay malalaking alphanumeric character.A B C D
Mababang-roman Nito ang maliliit na Roman numerals.i, ii, iii, iv, v
Taas-roman Napakalaki nito ng mga numerong Romano.I, II, III, IV, V
Mababang-greek Ang marker ay nasa mas mababang greekalpha, gamma
Mas mababang latin Ang marker ay nasa mas mababang latina B C D
Itaas-latin Ang marker ay nasa itaas na latinA B C D

Nagpapatuloy sa artikulong ito sa Mga Listahan ng CSS

Mga Listahan ng CSS: Sample Program

 
  • Java
  • Sawa
  • Anggulo
  • Java
  • Sawa
  • Anggulo
  1. Java
  2. Sawa
  3. Anggulo
  1. Java
  2. Sawa
  3. Anggulo
  1. Java
  2. Sawa
  3. Anggulo

Paglabas

Output - Mga Listahan ng CSS - Edureka

Nagpapatuloy sa artikulong ito sa Mga Listahan ng CSS

Ang listahan ng istilo ng istilo ng posisyon

Mga Halaga ng Marker Para sa listahan ng istilo ng istilo ng posisyon

Sa pag-aari ng listahang istilo ng posisyon ipinapakita nito na ang marker ay dapat na lumitaw sa loob o labas ng kahon na naglalaman ng mga puntos ng bala. Maaari itong magkaroon ng isa sa dalawang halaga:

Halaga Paglalarawan
Wala NA
Sa loob Sa kasong ito kung ang teksto ay napupunta sa pangalawang linya pagkatapos ang teksto ay ibabalot sa ilalim ng marker. Ipapakita rin kung saan magsisimula ang teksto kung ang mga listahan ay may isang bangin sa labas.
sa labas Sa kasong ito kung ang teksto ay napupunta sa pangalawang linya, ang teksto ay makahanay sa pagsisimula ng unang linya.

Halimbawa:

 
  • Matematika
  • Agham Panlipunan
  • Physics
  • Matematika
  • Agham Panlipunan
  • Physics
  1. Matematika
  2. Agham Panlipunan
  3. Physics
  1. Matematika
  2. Agham Panlipunan
  3. Physics

Paglabas

Dinadala tayo nito sa pagtatapos ng artikulong ito sa Mga Listahan ng CSS.

mga istruktura at algorithm ng data ng java

Suriin ang aming na kasama ng live na pagsasanay na pinamunuan ng magtuturo at karanasan sa proyekto sa totoong buhay. Ang pagsasanay na ito ay gumagawa sa iyo ng kasanayan sa mga kasanayan upang gumana sa back-end at front-end na mga teknolohiya sa web. Kabilang dito ang pagsasanay sa Pag-unlad sa Web, jQuery, Angular, NodeJS, ExpressJS, at MongoDB.

May tanong ba sa amin? Mangyaring banggitin ito sa seksyon ng mga komento ng artikulo at babalikan ka namin.