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
Home  » Web Developer Tools  » Cheat Sheets  » CSS 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
CSS 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
Powered by Create your own unique website with customizable templates.