• Shuffle
    Toggle On
    Toggle Off
  • Alphabetize
    Toggle On
    Toggle Off
  • Front First
    Toggle On
    Toggle Off
  • Both Sides
    Toggle On
    Toggle Off
  • Read
    Toggle On
    Toggle Off
Reading...
Front

Card Range To Study

through

image

Play button

image

Play button

image

Progress

1/20

Click to flip

Use LEFT and RIGHT arrow keys to navigate between flashcards;

Use UP and DOWN arrow keys to flip the card;

H to show hint;

A reads text to speech;

20 Cards in this Set

  • Front
  • Back
CSS gives you lots of control over the look of your fonts, can you name 4 controllable font ptoperties...
1) font-family:

2) font-weight:

3) font-size:

4) font-style:
How would you describe a font-family...
a font-family is a set of fonts that share common characteristics
What are the five font families for the Web...
1) serif

2) sans-serif

3) monospace

4) cursive

5) fantasy

note: by far the most common being serif + sans-serif
What should you bear in mind when choosing fonts to use in your Web pages...
the fonts that visitors to your Web pages will see, depend upon the fonts they have installed on their own computers
What's the best way to cope with a visitor not having your prefered font installed on their computer...
in your font-family CSS property, specify some alternatives

e.g.

font-family: Verdana, Helvetics, Arial, sans-serif;
When declaring a font to use for your Web page, what is special about the last font that you declare...
it should be e generic font, like:

serif, or

sans-serif

in this way, if none of your prefered fonts are installed, an appropriate substitution can be made
How can font-sizes be specified...
using the following parameters:

1) px

2) em

3) %

4) keywords (like... small, medium, large etc)
What does a font-size of "px" mean...
this tells the browser how many pixels tall to make letters
How are the font sizes "em" and "%" best known, and how do they operate...
em and % are best known as relative font-sizes

that means, the size of the letters will be relative to the font size of the parent element
What's the big advantage of using font-sizes of em and %...
they are relative sizes and they can make your pages more maintainable
What's best practice for defining your base font size...
use the font-size keyword (small, medium, large etc) to set the base font size in your body rule

this will allow all browsers to scale font sizes from this value if users want the text to be bigger or smaller
How do you make your text bold...
use the font-weight CSS property
How do you apply the italic formatting to your text...
use the font-style property, which gives a slanted effect called italic or oblique (depending upon the font)
What is at the heart of creating Web colors...
you have to mix different amounts of

red

green, and

blue
if you mix 100% red, 100% green, and 100% blue, what colour will you get...
white
if you mix 0% red, 0% green, and 0% blue, what colour will you get...
black
CSS has a limited set of predefined colors, how many colors are in this set...
17

these include the usual suspects of black, white, red, green, and blue... there are another 12 though
What are the different ways of specifying the percentages of RGB that you want...
use a color's:

1) percentages i.e. 0% 0% 0% (for black)

2) numerical values [0-255] i.e. 255 255 255 (for white)

3) hex codes [00-ff] i.e. #007e7e (for aquamarine, etc)
What's an easy way to find the hex code of a color you want to use...
use a photo-editing application's color picker tool or even an online Web tool
How do you create underlined text, and why should you be very careful when using this formatting choice...
to create an underlined text effect use the text-underline: property

you need to be careful when doing this as underlined text can be confused with hyperlinked text