Css Cheat Sheet Part -2-

[web_designer 7]

Hi…I'll continue CSS cheat sheet part -2-

 

5- box model:

Every box model in CSS have the following properties

Width: give an integer value

Height: give an integer value

Margin-top: give an integer value

Margin-right: give an integer value

Margin-bottom: give an integer value

Margin-left: give an integer value

Padding-top: give an integer value

Padding-right: give an integer value

Padding-bottom: give an integer value

Padding-left: give an integer value

Margin are the distance between the border of the element and the edges

Padding are the distance between the element and the border

6- border:

Border-width: means the width of the border

Border-style: dashed; dotted; double; groove; inset; outset; ridge; solid; none

Border-color: means the color of the border

7- position:

Clear: means Any floating elements around the element?

Both, left, right, none

 

Float: means floats to a specific side

Left, right, none

 

Left means the left position of an element

Auto, the length values (pt, in, cm, px)

 

Top means the top position of an element

Auto, the length values (pt, in, cm, px)

 

Position: static, relative, absolute

z-index: means elements above or below overlapping element

auto, integer (the higher number is on top)

8- background:

Background-color: means the color of the background

Background-image: means background image

Background-repeat: repeat, no-repeat, repeat-x, repeat-y

Background-attachment: means background image scroll with the element

Scroll, fixed

 

Background-position: (x,y), top, center, bottom, left, right

9- List:

List-style-type: means the type of bullet or numbering in the list

Disc, circle, square, decimal, lower-roman, upper-roman, lower-alpha, upper-alpha, none

 

List-style-position: means the position of bullet or number in the list

Inside, outside

 

List-style-image: means the image to be used as the bullet in a list

I hope you will like it