This is the introduction to CSS (cascading style sheets). A CSS file allows you to separate your website's markup content from its style. As always you use your HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects & so on…) are accomplished within a CSS file.
Learn about styling web pages with cascading style sheets.
Read the article.
Watch the instruction video.
CSS Tutorial: CSS Tutorial
In order for CSS to work you first need to specify which element you wish to apply CSS to. You do this with 'selectors'. Selectors are essentially just names for the things you want to target and affect. Within the {brackets} of selectors you place the effects you want to apply. In this assignment we want you to create selectors.
Read the article.
Watch the video.
Add selectors to the html provided in the resources for the body, the paragraphs and each separate title.
Mozilla Developer Network: CSS selectors
Simple CSS Flat Design Container: CSS Container
Colors give life to a page. Black and white may be minimalistic and sleek, but the possibilities that arise when you add, say, 50 shades of grey, add so much to a website. This article focuses mainly on background color, but the principles can also be applied to text color. Color a text and background for this assignment.
Read the articles
Write a short text about how to use selectors in CSS.
Color your webpage and the text you just wrote.
Mozilla Developer Network: Background Color
W3C Schools: Hexidecimal Color Code
Hex Color Picker: Hex Color Picker
CSS also allows programmers to change the font on your webpage, or even include all the fonts. You can include custom fonts, but for some of them you have to pay. Nevertheless, you will probably grow font of the possibilities you already possess. Add cool fonts to your webpage.
Read the article.
Change the font of your short text.
W3C Schools: CSS Fonts
Mozilla Developer Network: More CSS Fonts