Unit 20 – Customisation of web page, P1 - Explain how HTML files access CSS, P2 - Explain the features of the box model for CSS, M1 - Assess different implementation styles of CSS
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
The benefits of buying summaries with Stuvia:
Guaranteed quality through customer reviews
Stuvia customers have reviewed more than 700,000 summaries. This how you know that you are buying the best documents.
Quick and easy check-out
You can quickly pay through credit card for the summaries. There is no membership needed.
Focus on what matters
Your fellow students write the study notes themselves, which is why the documents are always reliable and up-to-date. This ensures you quickly get to the core!
Frequently asked questions
What do I get when I buy this document?
You get a PDF, available immediately after your purchase. The purchased document is accessible anytime, anywhere and indefinitely through your profile.
Satisfaction guarantee: how does it work?
Our satisfaction guarantee ensures that you always find a study document that suits you well. You fill out a form, and our customer service team takes care of the rest.
Who am I buying these notes from?
Stuvia is a marketplace, so you are not buying this document from us, but from seller RolandUdv. Stuvia facilitates payment to the seller.
Will I be stuck with a subscription?
No, you only buy these notes for £7.28. You're not tied to anything after your purchase.
