CSS Resources - Fless - Workshops for Women in Tech

Watch our latest videos

Starting 1st November

Register your interest

CSS Resources

Part two: HTML and CSS

In this section, you will be looking at a series of exercises to cover the basics of HTML and CSS combined.

Create from your terminal (in the same folder where your html file is) a file called main.css and import it into your html fileSee the answer
```
<head>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
```
Add some paragraphs to your html file, add some text and then, change the colour of the text all the paragraphs to yellowSee the answer
```
p  {
    color: yellow;
}
```
Change now only the colour of your first paragraph to greenSee the answer
```
p:first-child {
    color: green;
}
```
Add three red divs, same height, same width and vertically stackedSee the answer
```
div {
    height: 50px;
    width: 50px;
}
```
Now, display the three divs on the same row rather than vertically stackedSee the answer
```
div {
    display: inline-block;
}
```