Roland UDVARLAKI
Unit 20 – Customisation of web pages
Introduction: In this assignment, I will describe different ways we can use CSS in a more efficient way
to code and customise full webpages or separate pages/contents.
P1 - Explain how HTML files access CSS
Inline: An inline style is used for different, separate/single elements on a website. Inline uses ‘style’
to customise different tags and elements on websites. It is recommended to use inline only when a
website requires small changes to separate elements to one or only a few sites only. Inline is used to
change single elements on websites, so this way customisation is much easier. This can save a lot of
time as separate things could be modified very quickly and very effectively, as the CSS code for the
whole website would not need to be fully edited. Searching through a small bit of code isn’t a
problem, however if a website requires more CSS customisation than others, finding elements may
get harder over time.
Example:
Internal: When Internal is used, the CSS code will always go into the head tag. Internal is mostly used
to change one single page’s design. Internal technique involves using the <style> ; </style> inside of
the <head>. This lets users apply classes and different numbers to their work, so they could re-use
the code later for the same or similar purposes. Internal will only change one website’s design, as it
only works on pages on which it has been inserted into. So, if the same customisation is needed for
more websites, the user may have to re-use and edit the same code in order to make it work.
Roland UDVARLAKI – Unit 20 – Assignment 1 – P1, P2, M1 - Page 1 of 8
, Roland UDVARLAKI
Example:
External: This is very useful when we have to fully customise a website. All CSS codes will be in a
separate document (separated from html – the file will be in .css format) and will be linked. In the
html document, the user will have to place a code that will link the CSS document, so that’s the only
way it’d work. All CSS codes are much easier to find using ‘External’ as it’ll be separated and will not
be mixed with other (e.g.: HTML) important elements. External will allow users to fully customise all
parts of their website by using only one document that holds all the CSS codes.
Example:
Roland UDVARLAKI – Unit 20 – Assignment 1 – P1, P2, M1 - Page 2 of 8
Unit 20 – Customisation of web pages
Introduction: In this assignment, I will describe different ways we can use CSS in a more efficient way
to code and customise full webpages or separate pages/contents.
P1 - Explain how HTML files access CSS
Inline: An inline style is used for different, separate/single elements on a website. Inline uses ‘style’
to customise different tags and elements on websites. It is recommended to use inline only when a
website requires small changes to separate elements to one or only a few sites only. Inline is used to
change single elements on websites, so this way customisation is much easier. This can save a lot of
time as separate things could be modified very quickly and very effectively, as the CSS code for the
whole website would not need to be fully edited. Searching through a small bit of code isn’t a
problem, however if a website requires more CSS customisation than others, finding elements may
get harder over time.
Example:
Internal: When Internal is used, the CSS code will always go into the head tag. Internal is mostly used
to change one single page’s design. Internal technique involves using the <style> ; </style> inside of
the <head>. This lets users apply classes and different numbers to their work, so they could re-use
the code later for the same or similar purposes. Internal will only change one website’s design, as it
only works on pages on which it has been inserted into. So, if the same customisation is needed for
more websites, the user may have to re-use and edit the same code in order to make it work.
Roland UDVARLAKI – Unit 20 – Assignment 1 – P1, P2, M1 - Page 1 of 8
, Roland UDVARLAKI
Example:
External: This is very useful when we have to fully customise a website. All CSS codes will be in a
separate document (separated from html – the file will be in .css format) and will be linked. In the
html document, the user will have to place a code that will link the CSS document, so that’s the only
way it’d work. All CSS codes are much easier to find using ‘External’ as it’ll be separated and will not
be mixed with other (e.g.: HTML) important elements. External will allow users to fully customise all
parts of their website by using only one document that holds all the CSS codes.
Example:
Roland UDVARLAKI – Unit 20 – Assignment 1 – P1, P2, M1 - Page 2 of 8
