Skip to content

Instantly share code, notes, and snippets.

@bernatfortet bernatfortet/hcss.css
Last active Oct 10, 2015

What would you like to do?
HCSS Styling
=== HCSS Code Styling ===
1. Inline Styles ------------------------------------------------------------------
.content{ width:100px; height:100px; display:block; position:relative; left:-5px; top:-5px; float:none; margin:0; padding:20px; background:transparent url("../images/bkg.jpg") no-repeat center center; color:#000; ....}
Order --> Widht - Height / Display / Position / left, right, top, bottom / float / margins / paddings / background / color / text types / CSS3 features (text-shadow/ border radius / box-shadow) / opacity / overflow / z-index
basically is:
1 - dimensions/structural/positioning - background and font style - the rest
2. CSS Identation -----------------------------------------------------------------
.content .block{}
.content .block h1{}
.content .block p{}
.content .block .div-name{}
.footer p{}
.footer a{}
.footer a:hover{}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.