HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-03-09
1 <p>Muffin wants his website to stand out from the rest not only in terms of content, but also design. That is why he sent us a new task to improve the look of the page. The language that is used to apply design to HTML documents, namely CSS (which stands for “Cascading Style Sheets”), will help us do this.</p>
1 <p>Muffin wants his website to stand out from the rest not only in terms of content, but also design. That is why he sent us a new task to improve the look of the page. The language that is used to apply design to HTML documents, namely CSS (which stands for “Cascading Style Sheets”), will help us do this.</p>
2 <p>There are a few pieces of CSS code left that the previous webpage designer didn’t manage to apply to the tags. We will finish his work and immediately show the boss the result. And we won’t even have to edit the style sheet.</p>
2 <p>There are a few pieces of CSS code left that the previous webpage designer didn’t manage to apply to the tags. We will finish his work and immediately show the boss the result. And we won’t even have to edit the style sheet.</p>
3 <p>But how can we do this? How do we associate styles with the desired tags? The class attribute is one way to do this. For example, we have the following fragment of code in our style file:</p>
3 <p>But how can we do this? How do we associate styles with the desired tags? The class attribute is one way to do this. For example, we have the following fragment of code in our style file:</p>
4 .feature-kitten {…}<p>This record means that the styles that are described inside the curly braces should be applied to all tags with the class feature-kitten. There are currently no such tags in our markup, but we can add this class to any tag and see what happens with it. For example:</p>
4 .feature-kitten {…}<p>This record means that the styles that are described inside the curly braces should be applied to all tags with the class feature-kitten. There are currently no such tags in our markup, but we can add this class to any tag and see what happens with it. For example:</p>
5 &lt;p class="feature-kitten"&gt;…&lt;/p&gt;<p>Let’s add other classes to the tags and see what design was specified for them by our colleague.</p>
5 &lt;p class="feature-kitten"&gt;…&lt;/p&gt;<p>Let’s add other classes to the tags and see what design was specified for them by our colleague.</p>