Thursday 17 January 2013

P1- Explain how HTML files access CSS

INTRODUCTION

In this blog I am going to give a brief description of Inline, Internal and External and I will also give an example of each. 



...............................................................................................................................................

INLINE- With this technique the CSS code is written within the "<h1>" of the HTML code. This is an attribute of the HTML. With this written directly within the headings it overwrites the Internal and External techniques. This way is quick to change the colours and formats of text, however every time you want to change a colour format you have to write it out again in the <h1> headings.

Example: <h1 style="color:red;>


...............................................................................................................................................

INTERNAL
Means the code is stored in the web page inside the head tag. This is much better than inline because any CSS used within the page will inherit the formatting e.g. if the font colour is red everything else will change. A bad point about this if you have <h2> in a document you need repeat the code for every single page.
Example:
<Head>
           <Style>

            </style>
           

 </HEAD>

...............................................................................................................................................

EXTERNAL


This line of code below is in HTML and is put inside the head part of it which looks like this: <head>. The HTML code below links the CSS code from the “stylesheet” page to the HTML . This way the HTML code and CSS are on separate pages and they are linked together via the code below. So every time you add a new webpage all the format and colour etc will be kept the same. This technique is much better than Inline and Internal because the two codes are not mixed together meaning they are easier to find and read.

<link ref="stylesheet" href="style.css">

...............................................................................................................................................
REFERENCES

Types of CSS Styles -23/11/2012 - http://bit.ly/b9Audv

Wikipedia - 23/11/2012 - http://bit.ly/8Mqyj

6 comments:

  1. This comment has been removed by the author.

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  2. I said one two three, All the kids bullied me, but their not so cool, Yeah I shot up the school.

    ReplyDelete
  3. I really like your take on the issue. I now have a clear idea on what this matter is all about..
    Webdesign

    ReplyDelete
  4. Betway casino & hotel - Mapyro
    Find your nearest Casino. Casino Address, 3131 제천 출장샵 W. Oliveira Road, 전라북도 출장마사지 Oliveira, 서귀포 출장안마 TX, 91451. Get Directions · 충주 출장샵 (512) 439-6061 · Toll Free: 창원 출장마사지 (512) 248-5942 · Map

    ReplyDelete