Page Title
All css property and thair value:

font-family: "Times New Roman",                 Times,serif,Helvetuca,Arial,sans-serif, "Courier New",Courier,monospace,Florence,cursive,Blippo,fantasy....
font-size: small, medium, large, xx-small,x-large... / px,em (default 16px,em=pixel/16)
font-style: italic, normal, oblique
font-weight: lighter, bold, bolder / 100-900(400 is normal)
font-variant: normal, small-caps,inherit
color: green(some name of color),#0000ff(hexadecimal),rbg(00,256,00)
text-align:left,right,center,justify
vertical-align:top,middle,bottom / baseline, sub, super, px, em, cm, pt, % (also can be -10px)
text-decoration: none, inherit,overline, underline, line-throght,(blink- dont work in all browser)
text-indent: inherit, px,cm,em,%....(suport -10px)
text-shadow: x(horizontal) y(vertical) blur color / 4px 5px 3px grey
text-transform: capitalize, uppercase, lowercase,none
letter-spacing:normal,inherit, px,em,%...
word-spacing:normal,inherit,px,em,cm..
white-space:normal,inherit,nowrap,pre,pre-line,pre-wrap
border: (pixel,style,color) 2px solid orange
border-style: solid, none, dotted,dashed,double,groove,ridge,inset,outset,hidden(border will dont display if style is not seted)
border-width:px,cm,em....
bodrer-color:(any color)red...
border-top-style:solid...
border-bottom-style:solid...
border-left-style:solid...
border-right-style:solid...
width:px,%...
height:px,%...
min-width:px,%...
max-width:px,%...
min-height:px,%....
max-height:px,%....
background-color:grey..(any color)
background-image:url("image.png")
background-repeat:inherit,no-repeat,repeat-x,repeat-y,repeat
background-attachment:inherit,scroll,fixed
list-style-type: circle,square,decimal,disc,lower-alpha,upper-alpha
list-style-image:url("picture.png")
list-style-position:inside,outside(default)
list-style:(style type,position,image)square inside none
border-collapse:separated(default),collapsed(on table)
border-spacing: 20px 30px(only work for separated)(on table)
caption-side:top,bottom(on table)
empty-cells:show,hide(border on empty cells,work only on separated border collapse)
table-layout:auto(table cols expand if thare is more text),fixed(table cell stay fixed for every table cols)
a:link,a:visided,a:hover,a:focus,(not important),a:active(to change style of links, need to go in this order,this is selectors)
cursor:default,help,crosshair,pointer,auto,move,text,wait,n-resize,s-resize,ne-resize,sw-resize,nw-resize,se-resize,e-resize,w-resize,progress,not-allowed,no-drop,vertical-text,all-scroll,col-resize,row-resize(change maise cursor look)
display:block,inline(this is how inline element is displayed, block is to inline act like block element,inline is to block element act like inline),inline-block(this is for setting width and height, otherwise you cant change it is useful for nav),none(hide element)
visibility:hidden,visible
position:static(default position of an element),fixed(this fix element so it will stay at same place on screen if you scrool page),relative(is effected by top and right property, if this is set to 0, relative element will be in same place, but if is changed the element will be on other position, but normal space from that element will be still thare without element-white space),absolute(will display element on other place, without holding white-space for that element, page will act like this element dont exist on that place,is positioned relative to its parent element)
top:30px(default position, dont work for static element,and position need to be setted, we set just top or bottom and left or right 2 values not all 4), 
right:5px(default)
bottom:5px...
left:5px..
float:left,right(make element float)
clear:none,left,right,both(dont alove element to flow around floating element)
overflow:visible(default),scroll(if content dont fit inside elent we add scrolls to user can see all content),hidden(hide overflowen text, like this text doesnt exist),auto(user can scroll text and see all, but no scrolls added on phone just pc)
z-index:2,3(this alow us to make to display some element below or above other element, to place one element on another, value is order, elwment with low value is at bottom, than on that element is element with bigger number(ex. box1 have z index of 3 another box2 have z index 2, first comes box2 than on top of it box1)(all element need to have position:relative,absolute or fixed)
border-radius:5%,5px,0px 0px 4px 4px(make border round,more value start from top left andend with bottom left)
CSS book | #LearnByTeaching
