We will continue working through the CSS section on W3Schools: http://www.w3schools.com/css/default.asp.
By now you should understand the purpose or function of CSS. It is mostly responsible for the styling of online documents. CSS is also responsible to view documents for different platforms and outputs.
Having CSS allows you to change the font, image sizes, layouts to suit different requirements. The ideal size for a font will be different if viewed on a widescreen monitor or on a mobile phone.
After last week you should be aware of the differences between inline, internal and external CSS: http://www.w3schools.com/css/css_howto.asp
We will go through the Styling related tabs as well as the box model. I will ask you to trial the different options as we work through to the Box Model together.
NOTE: In class we worked through the Styling Backgrounds and Styling Text Tabs. We wook time to look at a number of CSS related aspects and we spend a good time exploring the Styling Backgrounds examples.
Make sure to explore these ones in some depth:
- Image Set Position and no-repeat –
- Background – Shorthand Property
Trial the links above and change the code from background-position:right top to left top and change the margin to margin-left:240px. Play around with the settings and observe the changes by submitting them in the TryIt Editor.
background-image:url(‘img_tree.png’); background-repeat:no-repeat; background-position:left top; margin-left:230px;
Please leave your feedback in form of a comment. Your feedback and suggestions will help me to make this blog more user friendly. Thanks!