Github and Website Workshop/HTML CSS review: Difference between revisions

imported>Auria
imported>Auria
Line 90:
 
===Style elements you can change with CSS===
* [https://developer.mozilla.org/en-US/docs/Web/CSS/background-color background-color] (remember american spelling)
* [https://developer.mozilla.org/en-US/docs/Web/CSS/width width], https://developer.mozilla.org/en-US/docs/Web/CSS/height height] (in a fixed measurement or in %)
* [https://developer.mozilla.org/en-US/docs/Web/CSS/font-size font-size] (use em not px)
* [https://developer.mozilla.org/en-US/docs/Web/CSS/font font] can be used to apply a bunch of font styling - see the live example in the link
* color
* [https://developer.mozilla.org/en-US/docs/Web/CSS/color color] (text colour)
* position on the page, font styling, margins and padding around the object, and MUCH more! We will be discussing these things in more depth in this workshop.
* [https://developer.mozilla.org/en-US/docs/Web/CSS/margin margin] - the space that exists around the element
** <tt>margin: 0 auto;</tt> has two values after margin - the first (0) applies to top and bottom, the second (autho) applies to left and right
** auto left/right centers the div horizontally, which is good for your <body>
 
Often, in the beginning, CSS can be learned by wanting something to look a certain way and Googling which CSS properties to use.
Anonymous user