Positioning Elements with CSS
Positioning Elements position: type; Type can be: absolute, relative, static, inherit, fixed top: value; right: value; bottom: value; left: value;
‘tutorials’ Archive
How to Work with text in CSS
Font Short Hand font: font-style font-weight font-variant font-size/line-height Special Text Styles text-decoration: type Type can be: none, underline, overline, or line-through text-transform: type Type can be: capitalize, uppercase, lowercase, or none font-variant: small caps Small caps is used for legal documents
How to control word and letter-spacing with CSS
Controlling Spacing Term Description Kerning The amount of space between letters Tracking The amount of space between words Leading The space between lines of text Indentation Size of the indentation to first line letter-spacing: value; word-spacing: value; line-height: value; text-indent: value; Standard ratio is 1.2 double spaced = value of 2 Can be Read the full article...
How to vertical align an element with CSS
Note that these work primarily inside of tables. Vertical alginment options vertical Alignment Description baseline Aligns the element with the bottom of lowercase letters in surrounding text (the default) bottom Aligns the bottom of the element with the bottom of the lowest element in surrounding content middle Aligns the middle of the element with the Read the full article...
CSS Selector Reference
One notable reason for getting more creative with your CSS selectors is that it keeps you from having to pepper your markup with unnecessary classes. Writing lean HTML is great for SEO because you are (hopefully) describing your data in a more efficient manner and the search bots have less to dig through to read Read the full article...
Setting the Display Style with CSS
Setting the Display style Display Description block Display as block-level element inline Display as inline element inline-block Display as inline element with some of the properties of a block (much like an inline image or a frame) inherit Inherit the display property of the element's parent list-item Display as a list item none Do not Read the full article...
Handling Content Overflow with CSS
Here are the possible values for the CSS overflow property along with their description. Handling content overflow overflow: type Values for type visible Instructs browsers to increase the height of the element to fit the extra content hidden Hides (truncates) content that doesn't fit scroll Instruct browsers to disply scroll bars to view the extra Read the full article...