Universal tag

Lesson 4 of 10 in Coddy's Solar Eclipse Animation | HTML/CSS Project course.

Let's style the moon using CSS!

Challenge

Easy

In the CSS file, target the universal tag (*):

Set the margin and padding to 0px.
Set box-sizing to inherit.

Try it yourself

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

All lessons in Solar Eclipse Animation | HTML/CSS Project

1HTML

What are you going to make?Code Setup The Moon Container

2CSS

Universal tag Project lesson

html tag

body tag

moon class

moon class pseudo-element

eclipse animation

responsiveness

Practice on your own: Web playground