Skip to content

Instantly share code, notes, and snippets.

@charliegerard
Created March 4, 2014 04:54
Show Gist options
  • Save charliegerard/9340507 to your computer and use it in GitHub Desktop.
Save charliegerard/9340507 to your computer and use it in GitHub Desktop.

#Day7

##HTML & CSS

normalize.css helps the app display the same way on all browsers. This document will overwrite the specificity of the browsers.

You can get it from the internet.

joshduck.com/periodic-table.html

Block vs. inline elements


horizontal line

style a piece of text individually:

###Image formats JPEG: very good quality and can be small but cant have transparency. For transparency, choose PNG (more for background image). SVG GIF

to clone a project from github, click the "clone to clipboard" button and in the terminal, in the folder we want, type "git clone + paste"

Classes and IDS will overwrite any HTML selectors.

calling a id in css # calling a class in css .

CSS is read from top to bottom. the style further down will overwrite if two selectors have the same name.

pseudo selector ":" for example a:hover to change the style of the link when you hover over it.

Alt + Command + . to close tags automatically in Sublime

A block by default takes 100% of the page

Helps design html files Bootstrap: http://getbootstrap.com/ HTML5 boilerplate: http://html5boilerplate.com/

Learn CSS layout: http://learnlayout.com/

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment