Како најбоље искористити ЦСС листе?



Овај чланак ће вас упознати са ЦСС листама и у току ће вам помоћи да разумете како стил ЦСС листе функционише са демонстрацијом.

ЦСС листе су врло корисне у постизању низа нумерисаних или набраних тачака. Овај чланак ће вам показати како да контролишете тип, положај, стил користећи ЦСС. Овде ће бити покривени следећи показивачи,

Па кренимо онда,





ЦСС листе

ЦСС својства

Постоји пет различитих ЦСС својстава у којима можете да га користите за контролу листа:

  • Лист-стиле-типе: Омогућава нам да контролишемо облик или изглед маркера.
  • Положај у стилу листе: Одређује да је дугачка тачка потребна за премотавање у други ред или да се поравна са првом линијом или да започне с ознаком.
  • Слика у стилу листе: Одређује да слику за маркер треба додати или учинити атрактивнијом, уместо да набраја метке или нумерисане тачке.
  • Стил листе: Приказује скраћеницу за претходна својства.
  • Помак маркера: Одређује удаљеност између маркера и текста унетог на листу.

Овде су најчешће коришћене листе: лист-стиле-типе и лист-стиле-поситион. Објашњено је у наставку



шта је чар у јави

Настављамо са овим чланком о ЦСС листама

Својство типа стила листе

У својству типа-стиле листе омогућава вам да контролишете облик и стил тачака или маркера у неуређеном случају листе. У уређеном случају то су нумерисани знакови.

Испод табеле која представља неуређене листе:



Вредност Опис
Ниједан НА
Дисц Попуњен је у кругу. (Подразумевани)
Круг То је празан круг.
Квадрат Испуњен је на тргу.

Испод табеле која представља наручене листе:

Вредност Опис Пример
Децималан То је број1,4,3
Децимална водећа нула 0 пре стварног броја01, 04, 03
Доња алфа То су алфанумерички знакови малих слова.а б ц д
Горња алфа То су велика алфанумеричка слова.А Б Ц Д
Доњо-римски То су мале римске цифре.и, ии, иии, ив, в
Горњоромански То су велике римске цифре.И, ИИ, ИИИ, ИВ, В.
Доњогрчки Ознака је на доњем грчком језикуалфа, гама
Доњолатински Ознака је написана малим словимаа б ц д
Горњолатински Ознака је написана великим словима латиницеА Б Ц Д

Настављамо са овим чланком о ЦСС листама

ЦСС листе: Пример програма

 
  • Јава
  • Питхон
  • Угаона
  • Јава
  • Питхон
  • Угаона
  1. Јава
  2. Питхон
  3. Угаона
  1. Јава
  2. Питхон
  3. Угаона
  1. Јава
  2. Питхон
  3. Угаона

Оутпут

Резултат - ЦСС листе - Едурека

Настављамо са овим чланком о ЦСС листама

Својство листе-стиле-поситион

Вредности маркера за својство Ин-стиле-поситион-поситион

У својству лист-стиле-поситион показује да се маркер треба појавити унутар или изван оквира који садржи тачке набрајања. Ово може имати једну од две вредности:

Вредност Опис
Ниједан НА
У У овом случају, ако текст иде у други ред, текст ће се умотати испод маркера. Такође ће показати одакле би текст започео да су листе вале.
напољу У овом случају, ако текст пређе у други ред, текст ће се поравнати с почетком првог реда.

Пример:

 
  • Математика
  • Друштвене науке
  • Стање
  • Математика
  • Друштвене науке
  • Стање
  1. Математика
  2. Друштвене науке
  3. Стање
  1. Математика
  2. Друштвене науке
  3. Стање

Оутпут

Ово нас доводи до краја овог чланка о ЦСС листама.

Погледајте наш која долази са обуком уживо коју воде инструктори и искуством у стварном животу. Овај тренинг чини вас вештима за рад са позадинским и предњим веб технологијама. Укључује обуку о веб-развоју, јКуери-ју, Ангулар-у, НодеЈС-у, ЕкпрессЈС-у и МонгоДБ-у.

Имате питање за нас? Молимо вас да га помињете у одељку за коментаре чланка и јавићемо вам се.