No replies to this topic

[web_designer]

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

5- box model:
Every box model in CSS have the following properties

Quote

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:

Quote

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:

Quote

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:

Quote

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:

Quote

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