Přizpůsobení značek HTML pomocí pravidel CSS - selektor HTML
Jedním z důvodů, proč je CSS tak populární, je univerzálnost, kterou dává značkám HTML. Ačkoli nemůžete "vypnout" vestavěné ovládací prvky značky, můžete do značek HTML přidat další ovládací prvky, abyste rozšířili jejich užitečnost. To provedete přidáním nových definic CSS do selektoru značek. Pojďme použít HTML

tag pro náš příklad a my přidáme barvu pozadí, tvář písma, velikost písma a barvu textu ovládání

štítek. To způsobí vše mezi otevřením a zavřením

tagy, které budou kontrolovány našimi novými definicemi na celé webové stránce.

p {
barva pozadí: # 000000;
rodina fontů: arial;
velikost písma: 12px;
color: #ffffff;
}

V našem příkladu začíná pravidlo CSS voličem HTML (p), po kterém následuje blok deklarace CSS obsahující všechny definice vlastností a hodnot, které chceme přidat. Jak je obvyklé, každá definice začíná vlastností, následovanou dvojtečkou, hodnotou a končící středníkem. Celý blok je umístěn v složených závorkách. Při psaní vlastních pravidel CSS pro značky HTML je třeba mít na paměti několik věcí.

  • Upravené pravidlo CSS můžete umístit do značek v hlavní části webové stránky.

  • Upravené pravidlo CSS můžete umístit do externího souboru CSS.

  • Upravené definice CSS, které přidáte do konkrétního selektoru značek, musí obsahovat vlastnosti, které lze pomocí této značky ovládat.

  • Protože umístíte přizpůsobené pravidlo do hlavní části nebo do externího souboru CSS, ovlivní to celou webovou stránku. Pokud potřebujete ovládat pouze jednu samostatnou značku HTML (jednu zvláštní instanci značky), použijete pro tuto jednotlivou značku styl vložení.

  • Značka udržuje vestavěné vlastnosti této značky HTML. Například HTML tučné označení bude i nadále používat tučné písmo na jakýkoli text umístěný mezi otevíráním a zavíráním značky.




Video Návody: Web Development - Computer Science for Business Leaders 2016 (Smět 2024).