CSS

CSS

1. CSS

   • CSS describes how HTML elements are to be displayed on screen, paper, or in other media
   • CSS stands for Cascading Style Sheets
   • Saves a lot of work. Can control the layout of multiple web pages all at once
   • External stylesheets are stored in CSS files

2. CSS syntax

   • A rule-set consisting of a selector and a declaration block
   • eg.h1{color:blue; font-family:verdana;}
   • Selector is the HTML element you are changing (eg. h1)
   • the declaration(s) are surrounded by{curly brackets} and each is followed by a semi-colon;

3. My favourite declarations

   • Colours (names)
     • Light blue
     • Pink
     • Plum
     • Yellow
     • Aquamarine
     • Chartreuse
     • Deep pink
     • Gold
     • Green yellow
     • Red
   • Font families
     • Verdana
     • Times new roman georgia

4. CSS Comments

   • Used to explain the code
   • May help editing the source code at a later date
   • Comments are ignored by browsers
   • Comments start with " /* " and end with " */ "
   • Comments can span multiple lines

5. Useful tags

   • <a href=" ... ">...<a/>
     • Anchor
     • Links to another web page
   • <img src=" ..... "/>
     • Insert image
   • Float
     • Where the image is on the page
     • Text can be around the picture
     • less empty page
     • Looks better- aethetically pleasing

6. Who is it for

   • Children
     • Bright colours
     • Big fonts
     • Pictures lots
     • Decorative fonts
   • Adults
     • information
     • Few images
     • Plain fonts

7. Perpose

   • Advertising
     • Persuation
     • Images
     • Unique selling point
     • description
     • Reveiws
     • customer feels involved

8. How to make a website

   • 1. Have an idea of what your website looks like
     • First page
       • Little information
       • About your website-catchy
       • Make them want to look further into your web- engrossing
       • Have what your audience is looking for
       • call it- Index.html
     • Include
       • Navigation bar
       • Links
       • Images
       • Videos
       • Title
     • Have the same style on all pages
     • Page names
       • Pg1. Index.html
       • Pg2. Summer clothes
       • Pg3. Summer Fashion review
       • Pg4. Winter clothes
       • Pg5. Winter fashion review