Мавзу: css кириш. Htmlга уланиш усуллари. Селектор турлари. Режа

Бу тег ҳам албатта сарлавҳа қисмида жойлаштирилади

• 5. Гуруҳлаш. Меросхўрлик

• Селекторларни гуруҳлаш ва эълон қилиш:
• h1, h2, h3 {color: purple;}
• h4, p {color:silver; background:green;}
• Селекторлар ўзаро “ , ” белгиси билан, хоссаларни эълон қилиш эса - “ ; ” белгиси билан ажратилади:
• h1, p {
• font: helvetica;
• color: purple;
• background: aqua;
• }

•  Гуруҳлаш – стил ёзиш ҳажмини камайтириш ва стилларни расмийлаштириш учун энг қулай бўлган усуллардан бири ҳисобланади.

• body

• ol

• ul

• li

• li

• li

• li

• li

• li

• li

• li

• Меросхўрлик - бу асосий элемент учун қабул қилинган стил унинг таркибидаги ички элементлар (“авлоди”) учун ҳам қабул қилиниши ҳисобланади.
• Масалан, тартибланган рўйхатнинг асосий элементи
  учун стил (м-н, ранг) танланган бўлса, ушбу стил унинг ички элементи (авлоди) бўлган
  1. учун ҳам таъсир қилади. Яъни, битта блокдаги стил блокни ташкил этувчилар учун етарли бўлади.
  2. ol { color: gray;}

• Меросхўрлик

• Масалан, бизда қуйидагича WEB-саҳифа ишлаб чиқилган бўлсин:
• Тартибланган рўйхат
  2. Тарих
  4. Математика
  6. Физика
  8. Информатика
• Тартибланмаган рўйхат
  • Тарих
  • Математика
  • Физика
  • Информатика
  •