styles.css

/*Assignment 1: Basic Syntax

(1) To create a CSS file named "styles.css" and link it to an HTML file, you can use the following code in the head section of your HTML document:

*/
/*(2)To change the background color of the body element to blue, you can use the following CSS rule in your "styles.css" file:*/

body {
    background-color: blue;
  }
  
  /*(3)To change the font family of all headings to "Arial", you can use the following CSS rule:*/
  
  h1, h2, h3, h4, h5, h6 {
    font-family: Arial;
  }
  
  /*(4)To make the text of all p elements bold, you can use the following CSS rule:*/

  p {
    font-weight: bold;
  }
  
/* Assignment 2: CSS Selectors */

/* To change the color of all headings to red, you can use the following CSS rule: */

h1, h2, h3, h4, h5, h6 {
    color: red;
  }
  
  /* To change the color of all paragraphs to green, you can use the following CSS rule: */
  p {
    color: green;
  }

  /* To change the font size of all paragraphs with class "important" to 18px, you can use the following CSS rule: */

  p.important {
    font-size: 18px;
  }

  /* To change the font weight of the paragraph with id "intro" to bold, you can use the following CSS rule: */

  #intro {
    font-weight: bold;
  }

  /* Assignment 3: Grouping Selectors */
  /* To change the font family of all headings and paragraphs to "Georgia", you can use the following CSS rule: */

  h1, h2, h3, h4, h5, h6, p {
  font-family: Georgia;
}
ul, ol {
  border: 1px solid;
}

/* Assignment 4: Combining Multiple Selectors */

/* Create an HTML page with different elements such as headings, paragraphs, and images. */

/* To change the font family of all headings and paragraphs inside a div with class "container", you can add the following code in your "styles.css" file: */


.container h1, .container h2, .container h3, .container h4, .container h5, .container h6, .container p {
  font-family: Georgia;
}

/* To change the font size of all headings inside a div with class "container" and id "header" to 28px, you can add the following code in your "styles.css" file:
less
 */

 .container #header h1, .container #header h2, .container #header h3, .container #header h4, .container #header h5, .container #header h6 {
  font-size: 28px;
}