You are on page 1of 1

font-size

font-family

font-weight bold

font-style italique

color

overline

text-decoration underline

line-through

text
text-indent

left

center
text-align
right

justify

letter-spacing

Lowercase
text-transform
uppercase

background-image

background background-color

margin 

padding

border-width

dashed

dotted
Borders
none

solid
It can be targeted individually
border-style double
border
groove Floating Topic

ridge

inset

outset

border-color

border-radius

disc

square

circle

decimal
list-style-type
lower-roman

upper-roman All are Regrouped under list-style

lower-alpha

lists upper-aplha

list-style-image 

inside
list-style-position
outside

top

vertical-align middle

bottom

text-align

collapse
border-collapse
separate

table right

left
caption -side
bottom

Top

border-spacing <length>|<length> or <length>

Balise p{}

multiple p,h1{}

universel *{}

classe .ClassName{}

sous-classe p.classname{}

identifiant #Red{...}
Selector
Descent a b {} 

Direct Descent a>b{} 

Direct Adjacent a+b{} 

indirect Adjacent a~b{}

Attribut E[Attribut="valeur"]

first-letter

pseudo-element first-line

Hover

link(not visited yet)

visited

pseudo-class  active

first-child

nth-child(n)

span

img

strong

Tag Of the type inline code

em

label

mark

content

padding
bloc
border

margin

Display inline

inline-block

flex

CSS3

FlexBox

row
Cascade Style Sheet
row-reverse

flex-direction column
those two can be summarized under flex-
flow
column-reverse

nowrap

wrap
flex-wrap
wrap-reverse

flex-start

flex-end

center
justify-content
space-between

space-around

flex-grow 

flex-shrink 
flex
flex-basis 

stretch

flex-start
align-item
flex-end

box-shadow 

text-shadow 

FlexBox

normal

word-wrap break-word

column-count

column-gap

column-width

column-rule-style
column
column-rule column-rule-color

column-rule-style

column-span all

none

vertical

resize horizantal

both

opacity value in between 0 and 1

order

left

float right

scale(zoom) or scale(zoom,zoom) 

rotate(angle)

transform skew(angle,angle)

translation(x,y) or translate (x)

transition-property

transition-duration

ease

ease-in

transition(mega-property) transition-timing-function ease-out

ease-in-out

lineair

transition-delay

animation-name

animation-duration

animation-iretation-count

animation(mega-property) reverse
animation-direction
alternate

animation-timing-function

@keyframes to define the animation

Used to
define
the new
font-face

font-family

src

@font-face{font description} font-style

font-weight

screen

print
media type
all

handheld

Condition can be  min/max width


@media condition{/* condition*/} support type
min/max height

landscape
orientation
portrait

transform-origin origin of the transform

auto
overflow 

You might also like