CSS

Card Set Information

Author:
jlm158
ID:
169672
Filename:
CSS
Updated:
2012-09-08 19:52:40
Tags:
CSS
Folders:

Description:
CSS
Show Answers:

Home > Flashcards > Print Preview

The flashcards below were created by user jlm158 on FreezingBlue Flashcards. What would you like to do?


  1. Websites have changed to become more complex in two ways:
    • 1. Hundreds of webpages for a site which need to be dynamic
    • 2. Web pages are being accessed by various devices of very different sizes (phones, pdas, ipads, etc.)
  2. HTML 4.0 Benefit vs. pre HTML 3.2
    Standardized look of each page with use of CSS
  3. CSS benefits
    • 1. Single CSS linked to muliple pages
    • 2. Streamlines look of web page across site
    • 3. Streamlines maintenance & development costs by formatting only once.
  4. To make formatting consistent, the _______ attribute replaced ________ & _______ attributes
    <Style> attribute replaced old tags like <font> and attributes like "border"
  5. To change the font, color, etc. of paragraph or entire next sentence you can use these two tags:
    • 1. <div> tag
    • 2. <span> tag
  6. <div> tag
    Returns styles to the next line before going any further
  7. <span> tag
    allows you to make a single line a color, font type, etc.
  8. Style attribute to change font
    <div style="font-family: Comic Sans;">
  9. Three ways to specify font size
    • 1. pt
    • 2. px
    • 3. em
  10. Font size pt
    absolute point size defined by client machine
  11. Font size px
    Absolute pixel height independent of client machine (used for setting borders and margins)
  12. Font size em
    Relative font height. Gives height as the number of times the current height. Used mainly by website authors because works better with chaning browser sizes (phone vs computer)
  13. RGB scale
    three numbers, 0-255 (#880088 = purple)
  14. alignment
    • text-align: right
    • vertical-align: top
  15. Style context
    Attribute (text-align, color) : answer (center, red)
  16. Style Attribute
    Can be placed on almost any tag and most visual attributes can be controlled by styles
  17. CSS context
    • tag.class {
    • attribute1.value;
    • }
  18. CSS tag indicator
    tag you want to define (h1, td, p)
  19. CSS Class indicator
    name of class...i.e. table.plain (plain is the class indicating that this sytle is dif than normal tables)
  20. CSS style defined with no class
    default style
  21. CSS class context (2 ways)
    <table class ="plain">

    or <table id="plain">
  22. Declaring standard of website
    Place a <!DOCTYPE> tag as first line in HTML
  23. HTML 4.0
    1. minimum standard for tech managers
  24. HTML 4.01 transitional (3)
    • 1. Does not allow overlapping elements (<b><i>text</b></i>)
    • 2. Does not allow frame & frameset tags
    • 3. Allows deprecated elements (<font>)
  25. HTML 4.01 Strict (1)
    1. Does not allow deprecated HTML elements
  26. HTML 4.01 Frameset Standard
    Same as 4.01 transitional except:

    1. Allows frame & frameset tags
  27. HTML 5.0 (3)
    • 1. Adds new video, audio, canvas elements
    • 2. Vector graphics for math formulas
    • 3. DOCTYPE HTML
  28. XHTML 1.0 (4)
    • 1. all tags have terminators
    • 2. no overlapping elements
    • 3. tags in lower case
    • 4. &amp instead of &
  29. XHTML strict
    • 1. No old tags (font)
    • 2. No text in <body>
  30. XHTML 1.1 vs XHTML 1.0 Strict
    Process differently internally (only difference)
  31. Reason to validate site
    Make sure your sites all have same look across browsers and that all components work as they should.
  32. CSS four functions
    • 1. streamline dev and maintenance across websites
    • 2. look better than older formatting with box model
    • 3. standardize look across pages
    • 4. easier following of standards and validation

What would you like to do?

Home > Flashcards > Print Preview