Coding for Beginners: CSS Basics #70— Adding Color to Your Fonts
Interested in Web Access Pro to analyze and fix Accessibility Errors on your site? Get your 14 Day Free Trial: https://join.designerslearncode.com/w...
The Daily Code Snippet is part of our "Coding for Beginners" video series for designers to learn the basics of HTML and CSS coding. We teach a single, easy to understand concept in each video so that you can learn to code even if you have a busy schedule. Subscribe here: / @designerslearncode
------
Since the color property sets the color of the foreground content of the selected element, when applied to a text element, such as paragraph text, it will apply color to the text itself. In addition, the color will also be applied to other aspects of a text element such as an underline or overline that may be added to text using the text-decoration property which will be discussed next week.
We discussed the different ways to apply color previously. Color can be applied using various color systems such as using color names, the rgb or rgba system, the hexadecimal color system, or the hsl or hsla color system.
When applying color to the text inside an element, it is applied to all text as a single entity. In order to apply a different color to a subsection of text, you must wrap that into another element such as a span or strong or by using pseudo-elements which will be discussed at a later time. But as examples: ::first-line will select the first line of an element's text, ::selection will select text currently highlighted by the cursor.
#HTML #CSS #coding #web #accessibility #addcolortofonts #font-color #fontcolor #typographycolor #webtypography #websitetypography #rgb #rgba #hsl #hsla #colornames #codinglife #webdesign #designerslearncode #dailycodesnippet #codingforbeginners #tags #openingtag #closingtag #learntocode #codingtutorial #htmltutorial #csstutorial #webdevelopment #htmltutorialforbeginners #csstutorialforbeginners #programmingforbeginners #htmlcssfullcourse