build-your-own.org
BOOK
BLOG
SUBSCRIBE
build-your-own.org
prev ◄─┐
Contents
┌─► next
A Visual Guide To CSS
CHAPTER
Book info
Basic styles
Text style
font-family:
font-style:
font-weight:
font-size:
letter-spacing:
text-decoration:
"Times", serif;
italic;
bold;
0.8em;
4px;
underline;
font names with fallback
italic
or normal
bold,
normal, or a numeric value
80% of the current font size
SPACE
underline
,
line-through
Box style
border: 1px solid black;
border: 2px dotted darkred;
border: 3px double black;
style
color
width
border-top: 1px solid black;
border-right: 1px solid black;
border: 1px solid black;
border-width: 1px 2px 3px 4px;
right
bot
top
left
border: 1px solid black;
border-left-style: double;
border-left-width: 3px;
border-bottom-color: darkred;
border-bottom-width: 3px;
border-radius: 4px;
border-radius: 50%;
border-radius:
a
b
c
d
;
a
d
c
b
Color
`color: red`
sets
foreground
color:
●
Text color (including
underlines
).
●
Default border & shadow color.
background-color: gold;
background: gold; /* same */
Solid
background
:
5
Pt1. Language
Basic styles
Table: diff
erent ways to specify a color.
rgb(255, 215, 0)
#FFD700
hsl(50.6, 100%, 50%)
oklch(88.68% 0.182 95.33)
Predefi
ned color name.
RGB in hexadecimal.
A perceptually uniform color space.
R
ed-
G
reen
-
B
lue
, ranging from 0 to 255.
H
ue
-
S
aturation
-
L
ightness
.
Description
Format
gold
(
Error report | Ask questions
)
@ build-your-own.org
A Visual Guide To CSS
prev ◄─┘
Contents
└─► next