Lecture 11: Power of CSS

CSS stands for Cascading Style Sheet.

HTML provides the content of a web page. CSS provides the style. CSS can style the content of a webpage in a diverse way.

We shall use codepen.io to show example codes in these blog posts. In Codepen we type the HTML and CSS in two different panels. Here is one example:



You can see there are three buttons in the code frame: HTML, CSS and Result. Click on the CSS button to see the CSS code. Clicking on the Edit on Codepen button on the top right corner will take you to the Codepen project page where you can directly edit the code.