0% found this document useful (0 votes)
60 views2 pages

Classes and Ids: Classesandids - HTML

This document is an HTML page with CSS code that defines styles for classes and IDs. It contains three paragraphs - the first has the "large" class applied, making the text large. The second has the "large" and "green" classes applied, making the text large and green. The third contains a span with the "underline", "large", and "bold" classes applied to underline, enlarge, and bolden a word.

Uploaded by

Ania Neal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
60 views2 pages

Classes and Ids: Classesandids - HTML

This document is an HTML page with CSS code that defines styles for classes and IDs. It contains three paragraphs - the first has the "large" class applied, making the text large. The second has the "large" and "green" classes applied, making the text large and green. The third contains a span with the "underline", "large", and "bold" classes applied to underline, enlarge, and bolden a word.

Uploaded by

Ania Neal
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Classes And IDs: classesandids.

html
!
!
!

<!doctype html>
<html>
<head>
<title>Learning CSS</title>

!
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<style type="text/css">

.large {
font-size:200%;
}

#green {
color:green;
}

.underline {
text-decoration:underline;
}


.bold {
font-weight:bold;
}


</style>


</head>

!
<body>

<p class="large">This is some text.</p>

<p id="green" class="large">This is some more text.</p>

<p>The third <span class="underline large bold">word</span> in this

paragraph is underlined.</p>

!
</body>
</html>

You might also like