Hi everyone, I think you may want to know the CSS definition commands.
Usage reminder:
tag name or any class name (with dot(.) front of it)
{
definition commands
}
Commands:
Text
font-family: “fonts (family)”; — it defines your font. Fonts that are listed in the family are read from left to right. For example, if we say font-family: verdana, arial, helvetica, browser read verdana first if your computer doesn’t have that font, reads next(arial etc).
font-size: “size in px, em or just say large/small/smaller…”; –declare the font size.
font-style: “specify style”; – sets text style using italic, normal, oblique.
font-stretch: “normal
wider
narrower
ultra-condensed
extra-condensed
condensed — condenses or expands the font
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded”
color: “#hex code of color or give name of colors” – font color
List
list-style-type: “none
disc
circle
square –says what type of list marker (bullet,numberic, roman etc)
decimal
decimal-leading-zero
lower-roman
upper-roman
lower-alpha
upper-alpha
lower-greek
lower-latin
upper-latin
“
list-style-image: url(“location of the image “) – you can put some image to list marker
list-style-position: “postion” –where is the list marker should be in the list.
Margin
margin specifies spaces around the element.
margin-bottom: “size of space from bottom”
margin-top: “size of space from top”
margin-left: “size of space from lest”
margin-right: “size of space from right”
Border
border-style: “none
hidden
dotted
dashed
solid
double
groove
ridge
inset
outset”
border-color:“#hex code of color or give name of colors” –border color
border-width: “thin
medium –how thick or thin border
thick
or length of it”
We can also declare border for each side (bottom, top, right, left). For example, border-top-width: thick; it sets only width of top of the border.
If you want to know more, visit to:
