Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Css Colours Unit28

    Enviado por

    api-262664674
    188 visualizações17 páginas

    Título original

    css colours unit28

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PPTX, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    188 visualizações17 páginas

    Css Colours Unit28

    Enviado por

    api-262664674

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPTX, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 17

    CSS

    Unit 28- Web Production




    STARTER ACTIVITY.
    Interesting and attractive.
    Create a diary of snapshots showing different websites you
    can find where the layout catches your eye.
    This can be any site or page. Put a description underneath
    showing your explanation.
    Eg. Did you like the navigation bar? Did you like where the
    images were placed?
    TODAY
    Investigating the use of colour in CSS.
    Testing the rules which are applied to HTML and CSS.
    WEB PRODUCTION
    Why do we use cascading style sheets? Which
    websites benefit from Internal style sheets?

    Take a moment to consider this question, discuss with the person
    next you your thoughts. Jot them down.

    CASCADING STYLE SHEETS
    Lets remind ourselves what is CSS?
    Why do we use it?

    Can we remember what the difference is between Internal and
    External CSS?
    EXAMPLE


    p {
    font family:
    Arial;}
    SELECTOR
    DECLARATION
    h1, h2, h3 {
    font family: Arial;
    color: yellow;}
    PROPERTY VALUE
    REMEMBER
    The <link> element can be used in an HTML document to tell the browser
    where to find the CSS file used to style the page.
    It is an empty element (meaning it does not need a closing tag), and it lives
    inside the <head> element. It should use three attributes:
    href the path to the file.
    type relates to the type of document being linked to.
    rel this specifies the relationship between the HTML page and the file it is
    linked to.

    We must save our files together.
    TRY THIS


    DIV TAGS
    <DIV class=page> </DIV>
    We can separate our page by using DIV tags. They are essential for
    positioning the design of your page using CSS.
    We can give our DIV tags an id so that we can use them in our CSS. In the
    example above we use page as the id.
    The id could be anything:
    Top
    Bottom
    Paragraph1
    USING A DIV TAG AND
    BACKGROUND COLOUR


    COLOURS
    Why are colours important?
    What do we know about complimentary colours?
    WEB COLOURS
    Hex Codes Represent values for red, green and blue in hexadecimal code.
    RGB Values for red, green and blue are expressed as numbers between 0
    and 255.
    Colour Names are defined in predefined names but are limited in value.

    Can you create an HTML code using a CSS to show the different types of
    colour values.
    Show examples and research a deeper understanding of HEX, RGB and
    Colour Names.
    WRAP UP
    Do we know the uses of colour in CSS?

    Have we tested our work?

    Você também pode gostar