Kaip geriausiai panaudoti CSS sąrašus?

Šis straipsnis supažindins jus su CSS sąrašais ir padės suprasti, kaip CSS sąrašo stilius veikia su demonstracija.

CSS sąrašai yra labai naudingi, norint pasiekti sunumeruotų arba pažymėtų taškų rinkinį. Šis straipsnis parodys, kaip valdyti jo tipą, padėtį, stilių naudojant CSS. Čia bus aptariami šie rodikliai,

Taigi pradėkime tada,



CSS sąrašai

CSS ypatybės

Yra penkios skirtingos CSS ypatybės, kuriose galite naudoti jį valdydami sąrašus:

  • Sąrašo stiliaus tipas: tai leidžia mums kontroliuoti žymeklio formą ar išvaizdą.
  • „List-style-position“: nurodoma, kad ilgas taškas reikalingas apvynioti ant antros eilutės arba turi būti lygus su pirmąja eilute arba pradėti nuo žymeklio.
  • Sąrašo stiliaus vaizdas: Nurodoma, kad žymeklio atvaizdas turėtų būti pridėtas arba padarytas patrauklesnis, o ne ženkleliai ar sunumeruoti taškai.
  • Sąrašo stilius: jis rodo ankstesnių savybių stenografą.
  • Žymeklio poslinkis: jis nurodo atstumą tarp žymeklio ir į sąrašą įvesto teksto.

Čia dažniausiai naudojami sąrašo stiliaus tipo ir sąrašo stiliaus padėties sąrašai. Tai paaiškinta toliau

aktyvi ir pasyvi transformacija informatikoje

Pereiname prie šio straipsnio CSS sąrašuose

Sąrašo stiliaus tipo nuosavybė

Sąrašo stiliaus tipo ypatybėje galite valdyti ženklų taškų ar žymeklio formą ir stilių nesutvarkytu sąrašo atveju. Užsakyto sąrašo atveju tai yra numeracijos ženklai.

Žemiau lentelės, nurodančios nesutvarkytus sąrašus:

Vertė apibūdinimas
Nė vienas NA
Disk Jis užpildytas apskritimu. (Numatytasis)
Apskritimas Tai tuščias ratas.
Aikštė Jis užpildytas aikštėje.

Žemiau lentelės, nurodančios užsakytus sąrašus:

Vertė apibūdinimas Pavyzdys
Dešimtainis skaičius Tai skaičius1,4,3
Dešimtainis skaičius prieš nulį 0 prieš faktinį skaičių01, 04, 03
Žemutinė alfa Tai yra mažosios raidinės ir skaitinės raidės.a, b, c, d
Viršutinė alfa Tai didžiosios raidinės ir skaitinės raidės.A, B, C, D
Apatinis romėnų Tai yra mažosios romėniški skaitmenys.i, ii, iii, iv, v
Viršutinė romėnų Tai didžiosios romėniški skaitmenys.I, II, III, IV, V
Žemutinė graikų kalba Žymeklis yra graikų kalbaalfa, gama
Apatinė lotynų kalba Žymeklis yra mažosios lotynų kalbosa, b, c, d
Viršutinė lotynų kalba Žymeklis yra viršutinėje lotynų kalbojeA, B, C, D

Pereiname prie šio straipsnio CSS sąrašuose

CSS sąrašai: pavyzdinė programa

 
  • „Java“
  • „Python“
  • Kampinis
  • „Java“
  • „Python“
  • Kampinis
  1. „Java“
  2. „Python“
  3. Kampinis
  1. „Java“
  2. „Python“
  3. Kampinis
  1. „Java“
  2. „Python“
  3. Kampinis

Rezultatas

Rezultatas - CSS sąrašai - „Edureka“

Pereiname prie šio straipsnio CSS sąrašuose

Sąrašo stiliaus pozicijos ypatybė

Marker Values ​​for Sąrašo stiliaus pozicijos ypatybė

„List-style-position“ ypatybėje tai rodo, kad žymeklis turėtų būti rodomas langelio, kuriame yra punktų taškai, viduje arba išorėje. Tai gali turėti vieną iš dviejų verčių:

Vertė apibūdinimas
Nė vienas NA
Viduje Tokiu atveju, jei tekstas eina antroje eilutėje, tekstas apvyniojamas po žymekliu. Tai taip pat parodys, kur tekstas būtų prasidėjęs, jei sąrašų lauke nebūtų sruogos.
lauke Tokiu atveju, jei tekstas eina į antrą eilutę, tekstas bus sulygiuotas su pirmosios eilutės pradžia.

Pavyzdys:

 
  • Matematika
  • Socialiniai mokslai
  • Fizika
  • Matematika
  • Socialiniai mokslai
  • Fizika
  1. Matematika
  2. Socialiniai mokslai
  3. Fizika
  1. Matematika
  2. Socialiniai mokslai
  3. Fizika

Rezultatas

Taip pateksime į šio straipsnio apie CSS sąrašus pabaigą.

Patikrinkite mūsų kuris ateina su instruktorių vedamomis tiesioginėmis treniruotėmis ir realių projektų patirtimi. Šie mokymai leidžia išmokti dirbti su „back-end“ ir „front-end“ interneto technologijomis. Tai apima mokymus apie žiniatinklio plėtrą, „jQuery“, „Angular“, „NodeJS“, „ExpressJS“ ir „MongoDB“.

Turite mums klausimą? Prašau tai paminėti straipsnio komentarų skyriuje ir mes su jumis susisieksime.