unit 3 vocab

Helpfulness: 0
Set Details Share
created 4 years ago by Something_Glitchy
8 views
updated 4 years ago by Something_Glitchy
show moreless
Page to share:
Embed this setcancel
COPY
code changes based on your size selection
Size:
X
Show:
1

CSS

n("Cascading Style Sheets") determines how the elements in our XHTML documents are displayed and formatted.

2

Inline Style

CSS code is placed directly into an XHTML element within the <body> section of a web page.

Example:

<h2 style=" color:red ;" >CAUTION: Icy Road Conditions</h2>

<h2>Please Slow Down!</h2>

3

Internal Style Sheet

CSS code is placed into a separate, dedicated area within the <head> section of a web page.

4

External Style Sheet

CSS code is placed into a separate computer file and then linked to a web page.

5

Internal Style Sheet Example

<head>

...

<style type="text/ css ">

h2 { color:red ;}

</style>

</head>

<body>

<h2>CAUTION: Icy Road Conditions</h2>

<h2>Please Slow Down!</h2>

</body>

6

External Style Sheet Example

<head>

<link rel ="stylesheet" type="text/ css " href ="style.css" />

...

</head>

<body>

<h2>CAUTION: Icy Road Conditions</h2>

<h2>Please Slow Down!</h2>

</body>

7

text-align

center, left, right, justify

8

text-decoration

underline, line-through, blink

9

color

blue, green, yellow, red, white, etc.

10

font-family

Arial, Verdana, "Times New Roman

11

font-size

large, 120%, 20px (pixels)

12

font-weight

bold, normal

13

font-style

italic, normal

14

cascading

established order of priority to resolve formatting conflicts

15

cascading order of priority

1.Inline style (highest priority)

2.Internal style sheet (second priority)

3.External style sheet (third priority)

4.Web browser default (only if not defined elsewhere)

16

colspan

builds a data cell that spans more than one column

17

rowspan

builds a data cell that spans more than one row

18

caption

Adds a caption to the table

19

width

Width of element.

20

Backgrond-color

Background color of element.

21

border

Horizontal text alignment of element.

22

padding

Padding (white space around content) of element

23

border-style

Type of border: none, solid, dashed, dotted, double, groove, ridge, inset, outset.

24

border-color

Color of border.

25

border-width

Width of border, measured in pixels. Also available: thin, medium, and thick.

26

border-collapse

collapse: borders display as single border.

separate: borders are detached (default).