The advantages and limitations of the three different ways of implementing styles.
A linked external file - can be seen as very beneficial as it is ideal when you need to apply CSS to a lot of webpages, with an external file you can change the look of your entire website but you only have to change one file, as you can link all your pages to the one CSS file, this is seen as an advantage to the website designer and the person accessing the website as the designer does not need to spend hours adding the CSS to each page, and with a linked CSS file it decreases the file size of the web page and therefore decreasing the loading time of the web page.
on the other hand if an external file contains a lot of CSS it can do the opposite effect instead of increasing loading time it can be seen to decrease loading time and also cause a website to act slowly, also with a external file you may only be dealing with one file, but it can become very confusing when you want to change a style you may not know which one is still in use, and if you miss one or delete one by accident it will affect your whole website.
In-line- compared to an external linked file can be seen as a disadvantage as it is seen to mix content of the website with presentation of the website, which very quickly could become very confusing in the long run, and could mean it is hard to maintain your website.
But in-line is easy to add compared to a external linked file as a completely new file does not need to be made, when website designers are creating a website with limited pages it can be seen as a good idea to use in-line as it quicker than a external linked file and embedded into the header CSS. and finally with in-line it is seen to have the highest authority compared to all the other CSS, so when the CSS is going to be applied in-line would be applied first before embedded and also before external file CSS.
Embedded into the header - this type of CSS is like in-line it is contained with the html code but unlike in-line the presentation does not get mixed up with the content, instead it is embedded into the header so every single one of that html element is the same so unlike in-line you do not have to put CSS next to every element you want to change but you put it into the header and it will change it for you. also it maybe seen to increase loading speed as no external linked file is needed.
Embedded CSS doesn't have many disadvantages but one is that you can not use Embedded into the header CSS on multiple web pages if you want to use to apply it to many other pages then you have to put it in each header on every page that you want it to affect an element , so when you look at it like this, when a designer is working with a website that has many pages then it could be seen as difficult as using in-line.
on the other hand if an external file contains a lot of CSS it can do the opposite effect instead of increasing loading time it can be seen to decrease loading time and also cause a website to act slowly, also with a external file you may only be dealing with one file, but it can become very confusing when you want to change a style you may not know which one is still in use, and if you miss one or delete one by accident it will affect your whole website.
In-line- compared to an external linked file can be seen as a disadvantage as it is seen to mix content of the website with presentation of the website, which very quickly could become very confusing in the long run, and could mean it is hard to maintain your website.
But in-line is easy to add compared to a external linked file as a completely new file does not need to be made, when website designers are creating a website with limited pages it can be seen as a good idea to use in-line as it quicker than a external linked file and embedded into the header CSS. and finally with in-line it is seen to have the highest authority compared to all the other CSS, so when the CSS is going to be applied in-line would be applied first before embedded and also before external file CSS.
Embedded into the header - this type of CSS is like in-line it is contained with the html code but unlike in-line the presentation does not get mixed up with the content, instead it is embedded into the header so every single one of that html element is the same so unlike in-line you do not have to put CSS next to every element you want to change but you put it into the header and it will change it for you. also it maybe seen to increase loading speed as no external linked file is needed.
Embedded CSS doesn't have many disadvantages but one is that you can not use Embedded into the header CSS on multiple web pages if you want to use to apply it to many other pages then you have to put it in each header on every page that you want it to affect an element , so when you look at it like this, when a designer is working with a website that has many pages then it could be seen as difficult as using in-line.