intro to css

0.0(0)
studied byStudied by 0 people
GameKnowt Play
learnLearn
examPractice Test
spaced repetitionSpaced Repetition
heart puzzleMatch
flashcardsFlashcards
Card Sorting

1/36

encourage image

There's no tags or description

Looks like no tags are added yet.

Study Analytics
Name
Mastery
Learn
Test
Matching
Spaced

No study sessions yet.

37 Terms

1
New cards

block level element

starts on new line (h1-h6, p, div)

2
New cards

inline element

flows within text and does not start on new line (b, i, img, em, span)

3
New cards

CSS

creates rules that control how boxes and their contents are presented

4
New cards

parts of a rule

selector, declaration, property, value

5
New cards

CSS rule example

p {

font-family:Arial;

}

6
New cards

selector

indicates which element rules apply to

7
New cards

selector precedence

last, more specific, and !important properties have precedence

8
New cards

declaration

indicates element styling (font-family:Arial;)

9
New cards

<link>

HTML element in <head> that connects document to CSS with href, type, and rel attributes

10
New cards

href

specifies file path

11
New cards

type

specifies type of linked document

12
New cards

rel

specifies relationship between HTML page and linked file

13
New cards

<style>

HTML element in <head> that styles document with CSS, only used for websites with one page

14
New cards

ways to specifiy color

RGB, HEX, color names

15
New cards

saturation

amount of gray in color

16
New cards

brightness

amount of black in color

17
New cards

alpha

transparency

18
New cards

types of text properties

directly affect font/appearance or same effect on text regardless of font

19
New cards

typefaces

serif, sans-serif, monospace, cursive, and fantasy

20
New cards

serif

long passages of text

21
New cards

sans-serif

clearer for small text

22
New cards

monospace

aligns well for code

23
New cards

cursive

handwriting styles

24
New cards

fantasy

decorative and used for titles

25
New cards

parts of text

ascender, cap height, X-height, baseline

26
New cards

ascender

above cap height

27
New cards

cap height

top of flat letters

28
New cards

x-height

height of letter x

29
New cards

baseline

line letters sit on

30
New cards

descender

below baseline

31
New cards

pixels to percentages

16 px = 100% font-size

32
New cards

@font-face

uses fonts not downloaded to user’s computer

33
New cards

leading

vertical space between lines of text

34
New cards

kerning

space between letters

35
New cards

line-height

measured from bottom of descender to top of ascender

36
New cards

vertical-align

used with inline elements only

37
New cards

pseudo-elements/classes

preceded by colon and styles specific imaginary parts of element