COMP REVIEWER 3RD

• CSS is indented to apply multiple styles to a website.
• CSS follows an order of precendence in which the styles declared in external CSS are superseded by internal CSS, then inline CSS.
• Element (element) selector selects all elements according to the element name.
• Class (class) selector selects all elements with a certain class attribute.
• Id (id) selector selects the id attribute of an HTML element to find a certain element.
• Multimedia is any interactive content that uses a combination of various forms like sound or audio, image, video, and animation.
• Size - height and width properties set the size of an image.
• What is the syntax for height?

  selector {height: value;}
• What is syntax for width?

  selector {width: value;}
• Border - displays an image with borders
• What is the syntax for border?

  selector {border: width style color;}
• Border-width - px, pt, cm or em
• Border-style - dotted , dashed, solid, double, groove, ridge, inset, outset, none, or hidden
• Border-color - name, Hex, RGB, or transparent
• Border-individual sides - top, right, bottom, or left
• Rounded corners - displays an image with rounded corners
• What is the syntax for rounded corners?

  selector {border-radius: value;}
• Display at the center - used to set the image at the centerof the browser
• Opacity - display an image in fade effect
• What si the syntax for opacity?


  selector {opacity: value;}
• Style Audio and Video - used for audio and video
• What is the syntax for audio?

  audio{

  width: 100%

  height: auto;

  }
• What is the syntax for videos?

  video{

  height: 200px;

  width: 50%;

  border-radius: 10px;

  margin-left: auto;

  margin-right: auto;

  }
• In combining multiple style sheet, follow specific order which style the closest to the content and declared last have a highest priority??

  Order of Precedence
• Bandwidth Reduction - refers to faster loading time since styles are accessed only once
• Inline Style Sheet - declare styles to an element on a web page
• In which tag is link is placed to the external style sheet?

  Head
• What use to display a single image as?

  No-Repeat
• Class has the highest priority
• What is the syntax for display at the center?

  display

  {display: block;

  margin-left: auto;

  margin-right: auto;

  width: 50%;

  }