136k views
2 votes
Create and apply a CSS class named BigBlue, which selects a large, blue-colored font. 2. Create and apply a CSS class named YellowBackground that selects a yellow background. Apply the class to your HTML file’s body tag. 3. Create an ordered list that uses both the BigBlue and YellowBackground styles that you created in Questions 1 and 2. 4. Create a paragraph-specific class named BigBlue that you created in Question 1, which uses the Arial font. Show the use of the standard and class-specific classes within your HTML file. 5. Create an HTML file that illustrates the use of the :first-letter and :first-line pseudo elements. 6. Create an HTML file that illustrates the use of the :after and :before pseudo elements. 7. Create an HTML file that illustrates the use of the :checked, :enabled, and :disabled pseudo classes.

1 Answer

7 votes

Answer:

Check the explanation

Step-by-step explanation:

Index.html

<!Doctype Html>

<html>

<head>

<title>HTML</title>

<style type="text/css">

.BigBlue{color:blue; font-size: large; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;}

.YellowBackground {background:yellow;}

</style>

</head>

<body >

<div>

<ol>

<li>Line-1</li>

<li>Line-2</li>

<li>Line-3</li>

<li>Line-4</li>

<li>Line-5</li>

</ol>

</div>

<p>Create and apply a CSS class named BigBlue, which selects a large, blue-colored font.

Create and apply a CSS class named YellowBackground that selects a yellow background. Apply the class to your HTML files body tag.

3. Create an ordered list that uses both the BigBlue and YellowBackground styles that you created in Questions 1 and 2.

4. Create a paragraph-specific class named BigBlue that you created in Question 1, which uses the Arial font. Show the use of the standard and class-specific classes within your HTML file.</p>

</body>

</html>

User Matteo Conta
by
6.6k points