Typografi - grunder: Skillnad mellan sidversioner
PGJ (diskussion | bidrag) |
PGJ (diskussion | bidrag) (→color) |
||
(6 mellanliggande sidversioner av samma användare visas inte) | |||
Rad 6: | Rad 6: | ||
Textfärgen kan ändras med hjälp av egenskapen <code>[[color]]</code>. I avsnittet om [[färg]]er tittade vi närmare på hur man kan ange färgvärden på olika vis. Alla de möjliga värden som presenterades där, går att använda med denna egenskap. | Textfärgen kan ändras med hjälp av egenskapen <code>[[color]]</code>. I avsnittet om [[färg]]er tittade vi närmare på hur man kan ange färgvärden på olika vis. Alla de möjliga värden som presenterades där, går att använda med denna egenskap. | ||
<codepen pen=" | <codepen pen="oGGNYM" tab="css,result" height="600"> | ||
</codepen> | </codepen> | ||
<div class="well well-danger"> | <div class="well well-danger"> | ||
Rad 13: | Rad 14: | ||
</div><!-- end well --> | </div><!-- end well --> | ||
== | == Nästa aktivitet == | ||
[[Typografi - typsnittsegenskaper]] | |||
[[Category:Webbutveckling]] | [[Category:Webbutveckling]] | ||
__FORCETOC__ | __FORCETOC__ |
Nuvarande version från 12 januari 2019 kl. 22.38
Typografi handlar om hur man utformar hur text för att den ska bli så snygg och bra som möjligt. CSS innehåller en uppsjö av egenskaper som har med text att göra. Dessa egenskaper bestämmer alltifrån vilket teckensnitt som ska väljas till hur textens layout ska se ut.
En av de mest grundläggande egenskaperna för text, har vi redan tittat på förut - nämligen textfärgen.
color
Textfärgen kan ändras med hjälp av egenskapen color
. I avsnittet om färger tittade vi närmare på hur man kan ange färgvärden på olika vis. Alla de möjliga värden som presenterades där, går att använda med denna egenskap.
Se till att välja en färg som ger god kontrast mot backgrunden. Det är viktigt att texten blir lättläst. Kom ihåg att kontrast kan vara extra viktigt för dem som har lässvårigheter som dyslexi.
Nästa aktivitet
Typografi - typsnittsegenskaper