websystems midterms

• CSS


  Made of rules, and rules are made of selectors and declaration blocks
• Declaration Block


  Contains one or more style rules enclosed in curly brackets
• Selector


  Specifies which HTML element apply the style to
• Declaration


  CSS style rules and use property value pairs to provide instructions to the browser on how to style a specific HTML element
• Property


  Specifies what is being styled like background
• Value


  Defines the specific characteristics
• Color values


  • Keyword Values
  • RGB Function Values
  • RGB Hexadecimal Values
• Letter-spacing


  Spacing between words. Add numerical value by points, pixels, and em
• Word-spacing


  Spacing between words
• Line-height


  The height of text line
• Text-align

  Sets the default text alignment
• DIV


  Block-level element, defines a section or a division in an HTML document, used as a container for HTML elements to give styles using CSS and modify using JavaScript
• SPAN


  Inline element, does not inherently force new lines or consume any more space than necessary beyond what its contained content requires, used to group a small chunk of HTML elements or text for styling purposes, without disrupting the surrounding content's layout
• mailto:


  Protocol used for Email Link
• Whitespace


  Spaces, tabs, and line breaks, required syntax for certain users (such as separating CSS values), used to format the code for readability but it is not required
• textarea


  Indicates a text area, used for long text like an essay, paragraphs, etc
• Rows Attribute


  Specifies the default number of lines in a text area
• Cols Attribute


  Specifies the default width of a text area
• figure


  For anything that appears as a figure like image and tables, illustrating something
• figcaption


  For demonstration of a concept that needs a caption
• width and height attributes

  Describe the intrinsic aspect ratio of the image
• srcset attribute


  Specifies the available widths of the different image version in pixels, aiding in responsive image loading based on device capabilities
• i


  Used only for visual-only italics
• em


  Used to emphasize something
• b


  Used only for visual-only bolds
• strong


  Used for importance, seriousness, and urgency
• Shorthand properties


  Defined with multiple values
• Longhand Properties


  Defined with individual values
• The external method is the recommended option for referencing CSS because it separates the CSS from HTML, can be reused, and is easier to manage
• Absolute path


  Used for external web resources
• Relative path


  Used to link within the same project
• Selectors in the given HTML


  • header
  • h1
  • h2
  • p
• color property


  Changes an element's text color
• Section p a


  Selector to select the link inside a paragraph that is also inside a <section> element
• Selectors in the given HTML


  • #about (ID selector)
  • .featured (class selector)
• The output shown in the image is produced by the HTML code snippet: <p> This is a <p> demonstration <p> of the paragraph <p> tag </p> </p>
• blockquote


  Block-level element
• q


  Inline element, nested inside another block-level element
• The output shown in the image is produced by the code: 2^{<small><small>5</small></small>}₈
• Hypertext Markup Language is also known as a declarative language