Difference between <style type="text/css"> & <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
css
Solution
`<style type="text/css">` is when you want to have style rules embedded within the page.
`<link rel="stylesheet" href="path/to/style.css" />` is when you have a separate stylesheet file that you want to reference in the current page - doing this means that clients don't have to download the CSS every time, which makes page-loads faster.
CSS has the `@import` directive, if you use `<style>@import style.css;</style>` then it's roughly equivalent to `<link rel="stylesheet" href="style.css" />` (but with some minor differences: see Difference between @import and link in CSS ).
Problem
I'm rather new to this so its mostly (copy and paste) with a little YouTube and reading materials here and there. Why have both? Please simplify you answer, don't go so technical.