Web Developer Tools
Home
Web Developer Tools
BreadCrumbs
Cheat Sheets
>
HTML5 Cheat Sheets
CSS Cheat Sheets
jQuery Cheat Sheets
Cloud Storage
Domaining
>
Domain Name Finders
Domain Name Valuators
Expired Domain Names
Drag-and-Drop Site Builders
>
Weebly vs Wix
Image Tools
Internet Tools
Web Developer Courses
>
HTML5
Programming
>
JavaScript
Top 5 Sites To Learn HTML and CSS
Top 5 Sites As Resources To Learn JavaScript
Online Generators
>
Google URL Shortner
CSS Generators
CSS3 Generators
Favicon Generators
QR Code Generators
Sitemap Generators
Thumbnail Generators
Poll & Survey Creators
Real-time Code Editors
>
CSS Editor
Sites Like DeveloperNotes
Web Development Under 599 $
SEO
Free SERP Position Checker
Check Google PageRank
Search Engine Optimization Videos
Keyword Research for SEO
How to Use Social Bookmarking Sites To Increase SEO
Social Bookmarking Sites for SEO
Website SEO Evaluations
SEO Evaluators
>
Site Compression Tools
Social Sharing Toolbars
SEO Infographics
Google's Algorithm Change History
SEM
Directory
Submit Your URL
Business Listings
>
Arts and Entertainment
Automotive
Business
Business Services
Finance
Food and Related Products
Internet
Publishing and Printing
Real Estate
Search Engine Optimization
Small Business
Web Development
Web Site Design
Best Free Websites to Submit URLs For SEO
>
Quick Submit to Top Search Engines
Bulk Directory Submitters
URL Submissions for SEO
The 9 Best Paid URL Submission Directories
D4go Search Engine
>
Index Your Website
Extras
Fun Google Search Results
>
Experimental SEO Project
>
Experimental SEO Page
Fun Statistics
Infographics
>
How to Create Infographics
Share Your Knowledge
Technology
70+ Free iPhone Style Icons
Google Play Services
Weebly Login Issues
Web Developer Twitter Feeds
About DeveloperNotes
Privacy Policy
Sitemap
Contact
Sites I Recommend
CSS Cheat Sheets
More Cheat Sheets
CSS Cheat Sheet
SYNTAX
Syntax
selector {property: value;}
External Style Sheet
<link rel="stylesheet" type="text/css" href="style.css" />
Internal Style
<style type="text/css">
selector {property: value;}
</style>
Inline Style
<tag style="property: value">
GENERAL
Class
String preceded by a period
ID
String preceded by a hash mark
div
Formats structure or block of text
span
Inline formatting
color
Foreground color
cursor
Appearance of the cursor
display
block; inline; list-item; none
overflow
How content overflowing its box is handled
visible, hidden, scroll, auto
visibility
visible, hidden
FONT
font-style
Italic, normal
font-variant
normal, small-caps
font-weight
bold, normal, lighter, bolder, integer (100-900)
font-size
Size of the font
font-family
Specific font(s) to be used
TEXT
letter-spacing
Space between letters
line-height
Vertical distance between baselines
text-align
Horizontal alignment
text-decoration
blink, line-through, none, overline, underline
text-indent
First line indentation
text-transform
capitalize, lowercase, uppercase
vertical-align
Vertical alignment
word-spacing
Spacing between words
BOX MODEL
height; width; margin-top; margin-right; margin-bottom; margin-left; padding-top; padding-right; padding-bottom; padding-left;
BORDER
border-width
Width of the border
border-style
dashed; dotted; double; groove; inset; outset; ridge; solid; none
border-color
Color of the border
POSITION
clear
Any floating elements around the element?
both, left, right, none
float
Floats to a specified side
left, right, none
left
The left position of an element
auto, length values (pt, in, cm, px)
top
The top position of an element
auto, length values (pt, in, cm, px)
position
static, relative, absolute
z-index
Element above or below overlapping elements?
auto, integer (higher numbers on top)
BACKGROUND
background-color
Background color
background-image
Background image
background-repeat
repeat, no-repeat, repeat-x, repeat-y
background-attachment
Background image scroll with the element?
scroll, fixed
background-position
(x y), top, center, bottom, left, right
LIST
list-style-type
Type of bullet or numbering in the list
disc; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none
list-style-position
Position of the bullet or number in a list
inside; outside
list-style-image
Image to be used as the bullet in a list
Home
|
Web Developer Tools
|
SEO
|
Submit URLs
|
Extras
|
About DeveloperNotes